Docs

[iiesbc]

This is the homepage with the problem IIESBC

The first paragraph is a feature headline that are not displayed correctly in mobile devices. And there are a couple of images that are not centered, in fact they tend to the right side.

I tried some of the solutions proposed here:

https://community.theme.co/forums/topic/center-image-6/
https://community.theme.co/forums/topic/center-align-images-in-a-column/
https://community.theme.co/forums/topic/center-image-in-visual-composer/

I use the css customizer and set the class field in the respectives elements.

The site has no cache management plugin and the plugins were deactivated during the trials to confirm that they do not interfere with the css customization.

Honestly I do not what can I do to solve these problems.

Could you suggest me a solution?
Thanks in advance

[Joao]

Hi There,

On Cornerstone go to your custom headline and make sure you selected the Centered Style. Go to the bottom of the element and you will find a Style Box: add the code

padding-left: 0; text-align: center:

You can also add text-align center to the Style Box of the column where the element is placed.

If it doesn’t work could you provide your WP-Admin credentials so we can have a better look at the issue? And please do not forget to mark the reply as private.

Hope that helps,

Joao

[iiesbc]

This reply has been marked as private.

[Rue Nel]

Hello There,

Please update the html text, use this instead:

<span style="text-align: left;"><strong>Somos una universidad comprometida con la comunidad estudiantil.</strong></span>

And then you also need to apply responsive text. You can add this element right below the custom headline using Visual Composer. To know more how you can apply the responsive text properly, please check it here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/

Hope this helps.

[iiesbc]

It did not work even using the responsive text* inside a Feature Header, however I tried inside a Custom Header and it worked great.

I am having the same problem in the photographs, they tend to the right and I cant justify them. It is possible to apply a similar workaround?

Thanks in advance, you are very fast and good in your answers!

*This is the code using the proposed shortcut
[custom_headline class=”responsive-heading” type=”center” level=”h2″]Somos una universidad comprometida con la comunidad estudiantil.[/custom_headline] [responsive_text selector=”.responsive-heading” compression=”1.5″ min_size=”48px” max_size=”66px”]

[Rue Nel]

Hello There,

Thanks for the updates! I went ahead and edited your page. I found out that you inserted both the headline and the image in the same element. I have modified it and separate each of them. I removed the image from the custom headline and inserted a text element underneath for the image. I also aligned the custom headline as center.

Hope this helps.

[Author]

Posts