Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1122338
    kisschicken
    Participant

    So I’ve made edits to the blog CSS to change body copy but it’s affecting the footer and header too.

    The footer on the homepage is what it should look like: https://pristine.io

    But it looks different on blog posts: https://pristine.io/2016/08/cloud-economics/

    How do I make the blog footer look like the homepage?

    #1122395
    Joao
    Moderator

    Hi There,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks

    Joao

    #1122563
    kisschicken
    Participant
    This reply has been marked as private.
    #1122636
    Joao
    Moderator

    Hi There,

    First mistake to correct is:

    .x-block-grid.four-up>li {
    width: 100%;
    
    .heroHead {
    font-size: 25px;
    }
    
    }
    }
    

    Change to this:

    .x-block-grid.four-up>li {
    width: 100%;
    }
    .heroHead {
    font-size: 25px;
    }
    }

    Than find this:

    .single-post p, .single-post .p {
      font-weight: 300;
      font-size: 1.2em;
      color: #424242;
    }

    and update for this:

    .single-post .x-main p {
      font-weight: 300;
      font-size: 1.2em;
      color: #424242;
    }
    

    Hope it helps

    Joao

    #1122803
    kisschicken
    Participant

    Thanks! The second edit fixed it. The first edit would break the media query. Sorry I didn’t comment much CSS. Was my first website and I thought I would “remember” what everything was for.

    #1122824
    Nico
    Moderator

    Hi There,

    Please check your CSS again if there is an excess brackets.

    Happy to hear that the second edit fixed it.

    Feel free to ask us again.

    Thanks.

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