Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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!

    #254428

    Hey 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!
    Yigit

    #254441

    Thanks 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.

    #254448

    Hi!

    Great! Let us know if you have any other questions or issues :)

    Regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.