Tagged: x
-
AuthorPosts
-
May 3, 2016 at 7:14 pm #911637
highlandadventuresParticipantHi…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
May 4, 2016 at 2:12 am #912032
FriechModeratorHi 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).
And then utilize that class to setup a Responsive Text setting. To create a Responsive text in cornerstone please see the screenshot below.
Use the class as the Selector, just play with the compression, min size, and max size until you get the desired look.
Hope it helps, Cheers!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-911637 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>



