Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1194617
    Dan
    Participant

    Hello,

    I’m trying to change certain aspects of the Ethos Blog page and am having some trouble. I’ve attached a picture that has corresponding numbers to the various things I’m trying to change which I will list here:

    1. How do I remove this gap?

    2. I want to change the color of the Category and Comment text

    3. There’s a faint, black line right where the number is. These lines are between each post. How do I change the color of these lines?

    4. There are some posts like this in the recent posts list, I would like to remove these and just have them use the standard format with the picture to the left and a title/excerpt/etc to the right.

    Thanks in advance!

    #1194825
    Jade
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1194945
    Dan
    Participant
    This reply has been marked as private.
    #1195118
    Rad
    Moderator

    Hi there,

    We could only answer your questions by checking it directly. Same stack, but element structure could be different depending on how you made the contents.

    You can try cloning your site on online demo and you can remove it later.

    Thanks!

    #1195714
    Dan
    Participant

    It’s pretty much identical to the Agency Extended Demo News/Blog page. That’s the demo I started with, I’ve only added some CSS to change the background and some colors. So the element structure should be whatever the Agency demo starts with. The screenshot is two parts of that same page stitched together for convenience. Does that help at all?

    #1195774
    Paul R
    Moderator

    Hi Dan,

    1. Add this in Custom > Edit Global Css in the customizer

    
    .blog .x-container > .offset {
        margin-top: 0;
    }
    

    2. Add this in Custom > Edit Global Css in the customizer

    
    .p-meta > span > a {
       color:red;
    }
    

    3. Add this in Custom > Edit Global Css in the customizer

    
    .blog .x-main .hentry {   
        border-top: 1px solid red;
    }
    

    4. Uncheck this – http://screencast.com/t/oQMiaDWx

    Hope that helps.

    #1195932
    Dan
    Participant

    Great! Everything worked except #1 but that’s fine, that one was mostly for curiosities sake. Thanks for the help guys!

    #1196015
    Joao
    Moderator

    Hi there,

    Let us know if you need further help

    Joao

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