Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1229327
    Bernarr
    Participant
    This reply has been marked as private.
    #1229500
    Lely
    Moderator

    Hi There,

    I am not sure exactly what you meant by this:
    Is it possible to have the border surround each post on the main page individually?
    Please clarify and include URL on the detailed description of what you want to achieved.

    This is the default look of forums page when using Ethos:http://demo.theme.co/ethos-1/forums/.
    There’s a define style/look per page. It depends on your chosen stack. If the look you want to achieve is different from the default style, it can be achieved using customization. We do help on simple adjustments and cosmetic changes. Unfortunately, complex changes that is far from the default look or style is beyond the scope of our support. Thank you for understanding.

    #1230418
    Bernarr
    Participant

    I’d like each post to have the red border, rather than having it border the entire page. This should show what I mean-
    https://www.dropbox.com/s/jpc7e3jx41bydrr/IMG-0015.png?dl=0

    #1230439
    Bernarr
    Participant

    This also needs to black on the profile page-
    https://www.dropbox.com/s/v9duyn40wc3wtl3/IMG-0016.png?dl=0

    #1230917
    Lely
    Moderator

    Hi There,

    Are you referring to this link:http://www.chucklingcasket.com/members/bernarr/ on the first screenshot?
    If yes, please use this:

    .buddypress .item-list>li {
        border: 1px solid red;
    }

    I can’t seem to find exactly the page where you took that screenshot. Please do give us the link too so we can be specific on our suggestion.

    For the profile page, please use this custom CSS:

    .buddypress .entry-content table {
         background-color: #000;
     }

    Hope this helps.

    #1286910
    Bernarr
    Participant

    Hiya,

    Sorry, got sidetracked. It looks like the only thing I can find right now that still needs to get fixed is the red border around each post on the main page. Currently, there is a border around the entire section where the blog posts are, but we would like each post bordered by itself, rather than a continuous border.

    #1286911
    Bernarr
    Participant

    Oh! Also, is there a way to remove where it says “Forums” at the top of the page here (in red)?
    http://www.chucklingcasket.com/forums/

    #1287013
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in!

    1] To remove the landmark which says “Forums” at the top of the page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .forum-archive.bbpress .h-landmark {
        display: none;
    }

    2] And if you want to change the red border color to something else, you can make use of this code:

    .bbp-header, .bbp-footer, .bbp-body>ul, 
    .bbp-body>div.hentry, .bbp-forums-list>li, 
    .bbp-topic-revision-log>li, .bbp-reply-revision-log>li {
        border-color: transparent;
    }

    feel free to change it to a color that will match with your site or simply use transparent.

    Hope this helps.

    #1287652
    Bernarr
    Participant

    The landmark removal worked great, but the borders I want are on the main page-
    http://www.chucklingcasket.com/

    Right now it’s a continuous border around all the posts made there. I want it to border each post individually so they are separated from each other with the border

    #1287753
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

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

    Please remove:

    
    .home.blog .x-main.left {
         border: 1px solid #9C0000;
        padding-left: 20px;
    }

    Hope it helps

    joao

    #1287821
    Bernarr
    Participant

    Perfect! Thanks so much 🙂

    #1288065
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

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