Viewing 4 posts - 1 through 4 (of 4 total)
-
AuthorPosts
-
April 21, 2014 at 7:26 pm #253980
Hello,
Please take a look at this page: http://dev.thecgschool.com/products/video-courses/vray-video-training-bundle/
I’ve added this CSS to get the correct sizing of the text I want:
#top h2, #top h1 strong { color: #FFFFFF!important; font-size: 45px!important; } .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { color: white!important; font-size: 24px!important; }However I’d like it to scale as the width decreases (for Smartphones / Tablets). Can you tell me what other code I need to add / adjust to make this happen? Thanks!
April 22, 2014 at 4:08 pm #254428Hey Brian!
Please add
@media only screen and (max-width: 768px) and (min-width: 480px) { .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { color: white!important; font-size: 14px!important; }} @media only screen and (max-width: 480px) { .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { color: white!important; font-size: 11px!important; }}Cheers!
YigitApril 22, 2014 at 4:45 pm #254441Thanks for the info as it did help with the scaled-down versions of the site. However, it still conflicted due to the amount of subtext being used. I opted to create simple slides within Layerslider WP and that worked out much better as the text scales in proportion to any size of the page.
April 22, 2014 at 4:50 pm #254448 -
AuthorPosts
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
