Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #911637
    highlandadventures
    Participant

    Hi…the following web site does NOT use X Theme, but I would love if you could teach me how to create the same effect with the main image that appears when you go to https://www.gadventures.com/trips/in-search-of-iguassu-buenos-aires-to-rio/476/.

    You will notice that the image adjust to fit the full screen until it changes to a tablet of phone mode. Also the letters on the image adjust in size as the screen gets smaller.

    Is there a way to do this on X Theme.

    Thanks, C

    #912032
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Image element of Cornerstone is responsive by default, so your image should take the full width of its container on all device screen.

    For the text to be responsive, add a class to it (text or headline).


    screenshot

    And then utilize that class to setup a Responsive Text setting. To create a Responsive text in cornerstone please see the screenshot below.


    screenshot

    Use the class as the Selector, just play with the compression, min size, and max size until you get the desired look.


    screenshot

    Hope it helps, Cheers!

  • <script> jQuery(function($){ $("#no-reply-911637 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>