This topic has 14 replies, 2 voices, and was last updated 10 years by Boblebad.

  • Author
  • #20444
     Boblebad
    Participant

    I have a had time figuring out how to put borders on the activity posts and replies.

    I found the css that controls the background and gives it round corners, but when adding borders, nothing happens ?

    All the best
    Carsten

    #20654
     Catalin
    Moderator

    Hello,

    Please send me links to the pages you want to modify and I will be able to provide you the fixes.

    Thank you,
    Catalin

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #20762
     Boblebad
    Participant
    This reply has been set as private.
    #20835
     Catalin
    Moderator

    Hello,

    Add this code in (Sweetdate > Styling options) in the Quick css field:

    COPY CODE
    
    body.activity.bp-user #item-body .activity
    {
    	border:1px solid #xxx;
    	padding:10px;
    }
    

    where the #xxx is the color code you want to add.

    Let me know if this works. I am not able to do this modification because u did not provide admin rights on the user you gave me.

    Thank you,
    Catalin

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #20901
     Boblebad
    Participant

    Thank you for your reply @Catalin

    Sorry, you didn’t mention that it should be one with administration rights, the user is now and administrator.

    What the code you supplied did, is make a border around all the activity content, and around the replies to the posts: http://postimg.org/image/qs2rtnted/

    I’m doing it through the style.css, so i’ll delete the code and put it in the quick-css so you have it where you can play with it 🙂

    #20905
     Boblebad
    Participant

    I need the border around the white background where the text of the post is.

    #21095
     Catalin
    Moderator

    Hello,

    Please take a look now.

    Thank you,
    Catalin

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #21114
     Boblebad
    Participant

    Thanks @Catalin

    That could be a way to do it too, i’ll remember that, but what i was looking for, was to put the border around the white background where the text is ?

    #21115
     Boblebad
    Participant

    For others wanting to try this, this is the css for it:

    ——-
    body.activity.bp-user #item-body .activity li.activity-item
    {
    border:1px solid #8e0769;
    padding:10px;
    margin-bottom: 10px;
    }
    ——-

    #21119
     Catalin
    Moderator

    Please take a look now.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #21215
     Boblebad
    Participant

    Thanks again @Catalin

    That look very much like it 🙂

    But something has happened with the replies, background is now gone, and also no border there ?

    http://postimg.org/image/fc2j5nrqh/

    #21252
     Catalin
    Moderator

    Hello,

    Please take a look now.

    Thank you,
    Catalin

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #21325
     Boblebad
    Participant

    Thank you very much @Catalin 🙂

    In which css files is the css located ?

    For the readers of this thread, here’s the code to do the trick:

    ———-
    body.activity.bp-user #item-body .activity li.activity-item .activity-content
    {
    border:1px solid #8e0769;
    }

    div.activity-comments div.acomment-avatar img

    {
    margin-left: -5px !important;
    }

    .activity-list .activity-content:before
    {
    border-right-color: #8e0769;
    left: -35px;
    }

    .activity #activity-stream li ul li
    {
    margin-bottom: 15px;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #8e0769;
    }
    ———-

    Remember to change the color to your own choice.

    #21383
     Catalin
    Moderator

    Hello,

    The css is located in Theme styling option from the theme menu. I suggest you to add this code t your style.css file from the theme child folder to prevent losing it if featured updates.

    Glad to help.

    Than you,
    Catalin

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #21390
     Boblebad
    Participant

    Thank you @Catalin

    What i ment, was in which files it originated from, app.css or another css file.

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?