Skip to:
Content
Pages
Categories
Search
Top
Bottom

Graphic issues with replies


  • BJ_Bundy
    Participant

    @bj_bundy

    Hi

    I have three issues when it comes to replies to a topic.

    Screenshot

    As one can see there is a blue square around the avatar. How comes and how can I remove it?

    Furthermore the size of the fonts is suddenly too big. The username beneath the avatar as well as the links in the signature.

    Can you please help to fix these issues.

    Thanks a lot in advance.

    WP 5.4.2
    bbPress 2.6.5
    Theme: Blog Diary Pro

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

  • Robin W
    Moderator

    @robin-w

    link to an example on your site please


    BJ_Bundy
    Participant

    @bj_bundy


    Robin W
    Moderator

    @robin-w

    your themes style sheet

    http://www.rockin-wildcat.com/rwc/wp-content/themes/blog-diary-pro/style.css

    has line 2201 with

    .reply a {
    	display: inline-block;
    	border-radius: 0;
    	color: #fff;
    	position: relative;
    	font-size: 16px;
    	background-color: #46c4f3;
    	padding: 5px 20px;
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    }

    the background-color: #46c4f3; element is causing the box issue, and the font-size: 16px; the text issue

    I’d suggest you add these to the custom css area of your theme

    .reply a {
    	
    	font-size: 12px !important;
    	background-color: none !important;
    }

    you can adjust the font-size to whatever value you wish


    BJ_Bundy
    Participant

    @bj_bundy

    Thank you for the quick reply. πŸ™‚

    It worked for the font size but not for the background color.

    Funny additional fact: The name beneath the avatar is shown in two rows instead of one. Hmmm …

    Any further ideas?


    Robin W
    Moderator

    @robin-w

    oops sorry the value should be transparent

    so

    background-color: transparent !important;

    and padding in the original code is causing the name issue

    so

    padding: 5px 20px;

    makes it wrap

    add

    padding : none !important ;

    so you end up with

    .reply a {
    font-size: 12px !important;
    background-color: transparent !important;
    padding : none !important ;
    }

    BJ_Bundy
    Participant

    @bj_bundy

    We’re getting near to it! πŸ˜‰

    Background color is away … Yess! But the name is still shown in two lines.


    BJ_Bundy
    Participant

    @bj_bundy

    Problem solved: Changed “none” to “0px” and now it works.

    Thanx a lot!


    Robin W
    Moderator

    @robin-w

    great – glad you are fixed


    BJ_Bundy
    Participant

    @bj_bundy

    Oh … one last question … if you have a look at my site again, please.

    Between the opening post and the first reply there is no “space line” between these two. Between the first and the second and the third and the fourth … reply there is always a “space line”. Is this a wanted feature or can I handle it either one way or another?


    Robin W
    Moderator

    @robin-w

    Not sure what your theme is trying to do here, so sorry not one I can fix


    BJ_Bundy
    Participant

    @bj_bundy

    Ok, thanks anyway! πŸ™‚


    BJ_Bundy
    Participant

    @bj_bundy

    Oh my … it’s not coming to an end.

    Please have a look at this mobile screenshot:

    Screenshot

    The avatar is at the wrong position. Not in the opening post but in all of the replies. Can you help?


    Robin W
    Moderator

    @robin-w

    These are all issues with your theme, not bbpress.

    However in the spirit of helpfulness, I’ll do this last one, but after that you need to refer to your theme’s support channels.

    So the best I can do without spending considerable time is :

    @media only screen and (max-width: 480px) {
    
    #bbpress-forums div.bbp-reply-author img.avatar {
    	position: relative !important ;
    }
    
    #bbpress-forums .bbp-body div.bbp-reply-author {
    	padding-left: 0px !important;
    }

    Which puts it on then left, but is not perfect


    BJ_Bundy
    Participant

    @bj_bundy

    Man, you’re awesome!! Thank you sooo much for your help.

    The thing is I have no clue if a problem is made by the theme or the plugin. Thus I’m very happy that you could help! πŸ™‚


    Robin W
    Moderator

    @robin-w

    πŸ™‚

Viewing 15 replies - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.
Skip to toolbar