Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #880100
    Catherine R
    Participant

    hi, I have two blog-style pages on the site, both running with posts. One is news and one is texts.
    I would like the sidebar of each page to correspond with the News posts, or the Texts post. I have used the sidebar/widget function, specifying the category, but the styling is not really what I would like.
    the original styling I had set up is on the Texts page. How can I get the functionality of the News posts, but keep the styling of the Texts post?
    details about the site are posted in private.
    thank you for your help!

    #880104
    Catherine R
    Participant
    This reply has been marked as private.
    #881025
    Nabeel A
    Moderator

    Hi Catherine,

    Thanks for writing in! Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .x-recent-posts a {
        border: none !important;
        border-bottom: 2px solid #e5e5e5 !important;
        background-color: transparent !important;
    }
    .x-recent-posts .h-recent-posts {
        color: #000 !important;
    }

    Let us know how this goes!

    #881045
    Catherine R
    Participant

    already a big improvement, but the titles are still running off of the page.
    thank you for your advice!

    #881545
    Rue Nel
    Moderator

    Hello Catherine,

    Thanks for the updates. To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-sidebar .x-recent-posts .h-recent-posts, 
    .x-sidebar .x-recent-posts .x-recent-posts-date{
        text-overflow: clip;
        white-space: normal;
    }

    We would loved to know if this has work for you. Thank you.

    #881640
    Catherine R
    Participant

    TWO THUMBS UP, themeco!
    thank you!

    #881948
    Zeshan
    Member

    You’re most welcome, Catherine! 🙂

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