Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1080835
    bedingfield
    Participant

    hi there.

    I would like to make some amendments to the CSS for smart phones. Resizing text, maybe hiding larger images etc.

    I am using renew.

    Is there a sheet available showing classes for smartphones?

    The majority of changes will be in body of posts, along with some pages.

    http://elyrunners.club/breckland-10k/

    Thank you

    #1080896
    Christopher
    Moderator

    Hi there,

    Please find this code :

    .single-post .entry-content p:first-child {
        font-family: "Times New Roman", Georgia,Serif;
        color: fff;
        line-height: 125%;
        font-size: 170%;
    }
    .single-post h1.entry-title, .single-post h2.entry-title a {
        font-size: 50px;
        text-align: center;
        letter-spacing: 0.166em;
    }
    

    And update it to :

    @media (min-width:530px){
    .single-post .entry-content p:first-child {
        font-family: "Times New Roman", Georgia,Serif;
        color: fff;
        line-height: 125%;
        font-size: 170%;
    }
    .single-post h1.entry-title, .single-post h2.entry-title a {
        font-size: 50px;
        text-align: center;
        letter-spacing: 0.166em;
    }
    }

    To hide specific images, please use visibility options.

    Hope it helps.

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