Issue with Margins

[Marcelc66]

Hello Xtheme Support,

I am having an issue with my website. I was nearing the end of my build and while testing I noticed a change in three sections throughout the site.

I implemented some sectionsI implemented some sections from standard templates where there are three marginless columns that include a picture, then below a heading and a text.

Everything was fine throughout my entire build, but it seems now that the headings and the text are centred under the picture instead of left aligned and the margins are much tighter causing the headings and text to be much smaller than the above photo.

I have tried for hours to find the issue but now I am really discouraged, I am hoping you can help

The only thing I did out fo the ordinary is that I turned advanced mode only for a while but turned it back off and don’t remember touching anything, What’s curious is that 4 completely separate sections in different areas of the page are all affected the same way

the sections are called:

xact cg pics
xact bd pics
m3 pics
wicked pics

3div logos is also the same however I modified to better fit the unusual size of the logos myself and they are fine

Hoping you can help find the issue

Thanking you in advance,

Marcel

[Marcelc66]

FOLLOW UP

I have modified the max width for the text container to 42 from 24 ands that seems to have done the trick, visually it looks ok now, only thing is I need to make my pics all the proper size.

Do you think this will be ok or might have repercussions elsewhere?

I am still very open to your suggestions

thanks

[lely]

Hello Marcelo,

I have checked and I can see it is all aligned properly now. Regarding text or headline, if you want it to occupy entire container width, no need to add width or max width on the element settings. As long as there’s no left or right padding and margin that you don’t need it is fine. There’s no side effect. By default, text will occupy the entire container unless the content is short.

Hope this helps.

[Marcelc66]

Thank for your assistance, in these same sections could you please tell me what the optimal size or ratio would be to get a full/max picture?

[Prasant]

Hello Marcel,

Thanks for updating the thread.

Looking at the current setup, you can have a image width of around 400px. I also see that you have added margin to image elements. In case you want to have a full width image then adjust the margin property and then let’s have image width of around 500px.

Thanks.