Return to previous page

Topic: Align an image center

Tagged: align, alignment, center align

Brockway

Participant

November 24, 2015 11:04 am

Hello,

i must say it’s the first time i encounter an error like this and it is a joke ?

When in a text element you align an image, all alignment work correctly except center… In VC it’s even broke the previsualisation of the thumbnail of the image !

Of course i encounter the error only on your theme.

Regards.

#101032 copied to clipboard

Like

Robert Hall

Support staff

November 24, 2015 11:14 am

Hello,

Please provide us with link to the page where you got this issue.

Regards,
Robert Hall.

#101035 copied to clipboard

Like

Brian Johnson

Member

November 24, 2015 11:14 am

Hello

Would you mind to provide us with screeshots and links to the page where you have noticed the issue to let us check it more deeply. You may upload screeshots on http://prnt.sc or link to the page.

Regards,
Brian Johnson

#101036 copied to clipboard

Like

Brockway

Participant

November 24, 2015 11:56 am

Any pages.

But i solve my issue with adding more elements by separating images from text, it’s not really time effective or making my text/code ratio good, but it work…

Also under firefox the carrousel is just buged…

http://www.ultratrailinfrance.com/

Go to “Case Study” and see the carrousel.

#101043 copied to clipboard

Like
Eva Kemp

Support staff

November 24, 2015 2:25 pm
Hello,

Please try to use this code in Theme Options > Custom CSS > Global Custom CSS:

.slick-slide img { width: 100%; }

Regards,
Eva Kemp.
#101075 copied to clipboard

Like
Brockway

Participant

November 29, 2015 11:11 am

Hi, here a screen after your fix.

https://www.dropbox.com/s/tn9achec35nup3k/Capture%20d%27%C3%A9cran%202015-11-29%2011.10.40.png?dl=0

better but not perfect yeat…

#101832 copied to clipboard

Like

Jack Richardson

Support staff

November 30, 2015 9:20 am

Hello,

As I see slider is shown fine:
http://storage7.static.itmages.com/i/15/1130/h_1448871646_7821620_60b7392087.png

Try to clear browser cache and check again.

Best regards,
Jack Richardson.

#101892 copied to clipboard

Like

mykjones

Participant

January 8, 2016 5:04 am

same problem here.

My solution from W3.org:

in global css:

IMG.displayed {
display: block;
margin-left: auto;
margin-right: auto }

now in your post:

#107052 copied to clipboard

Like

mykjones

Participant

January 8, 2016 5:07 am

sorry forgot to make it code:

<IMG class="displayed" src="..." alt="...">

hope this helps

#107053 copied to clipboard

Like

Jack Richardson

Support staff

January 8, 2016 8:35 am

Hello @mykjones,

Thank you for sharing the solution.

If there are any questions feel free to contact us.

Best regards,
Jack Richardson.

#107070 copied to clipboard

Like