loosing the page break and cannot re-size image in article.

lafetech

Hello,

i am having some issue in the Ja Decor template. In the articles, there are a "break page" that points some text in in the "services" module, and as soon that i insert an image in the article, the text before the "page break" appears in the article. The only way to get back the "page break" is to copy a article that has the page break working and change the text...

After, all the images cannot be re-size in the article.. we can resize in the backend, but stays by default on the front side.! the image is full size. this will break the "page break".. (see images)

Thank you

Eric

saguaros

Hi Eric,

I added the width + height value in the style property for image tag and it seems to be ok now, kindly check.

lafetech

saguaros

all good, but i need to enter manualy for all the images setting in the code area ?

<img style="float: right; width: 250px; height: 125px;" src="images/images-site/images/900x450/combo_disco_magie_mariage.jpg" alt="combo disco magie mariage" width="250" height="125"

it will not resize by itself like in the editor ?

and about the page break ?

Thank you

aman204

lafetech but i need to enter manualy for all the images setting in the code area ?

You can also add class attribute as also shown here like small-img and thereon, change the img element to :

<img style="float: right; width: 250px; height: 125px;" src="/~martialt/magie/images/images-site/images/900x450/combo_disco_magie_mariage.jpg" alt="combo disco magie mariage" width="583" height="291">

<img style="float: right;" class="small-img" src="/~martialt/magie/images/images-site/images/900x450/combo_disco_magie_mariage.jpg" alt="combo disco magie mariage">

and add this to custom.css file :

img.small-img{width: 250px !important; height: 125px !important;}

Thereafter, the same class attribute can be added to other images where you wish to see the results as envisaged

lafetech

i tried to add a youtube video in a article with another extention that is called allvideo. the code that is used is this: {youtube}he73js822|600|450|1{/youtube} ... the video appears but it is still like the images.. full size, and even if i do a re-size, still the same problem.. so i tried to get a style in the code... no change to have this wiorking..

Do you have an idea what i can write with a: style="float: right; width: 250px; height: 125px;" ??
Thanks!! Eric

aman204

lafetech i tried to add a youtube video in a article with another extention that is called allvideo.

The site link added in edit fields is now returning with 404 error. Kindly provide direct site link where specific video has been added in article output so as to enable us to examine the same

aman204

lafetech The video appears but it is still like the images..

Kindly review as I am unable to see any video added on specific page. Ref: Screenshot

lafetech

aman204

ohh sorry, my bad.!! here is the actual link:
http://67.23.254.61/~martialt/magie/index.php/nos-services/105-mariage-magique

Eric

lafetech

aman204

the code that gives the video was in my question:

{youtube}he73js822|600|450|1{/youtube}

i will enter it in the page

aman204

lafetech Try add this to custom.css file for video to be positioned appropriately in article :

section.article-content .avPlayerWrapper .avPlayerContainer{margin: 0 !important;float: right;}

Apart, I can see the video to be re-sized as envisaged. Ref: Screenshot

lafetech

Hello, we will keep it like that for now! thank you for all the info about these questions. ! 🙂

Eric