- This topic is empty.
-
AuthorPosts
-
March 26, 2019 at 5:56 am #285436nikolailuParticipant
Hi, sorry this is gonna be a super easy question for you guys, but honestly I’ve searched tons online and I can’t figure out a way to do this
I need to shrink padding on my forums page, I am using wordpress avada theme, I can just input additional css into settings there so it overrides all other css files.
Google Chrome gives these parameters:#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
font-size: 14px;
padding: 13px 20px 13px 30px;
}#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
border-top: 1px solid #eee;
overflow: hidden;
padding: 8px;
}I need to shrink those padding pixels, I’ve tried everything from the general #bbpress-forums , to that + the divs and lis (eg: #bbpress-forums .bbp-body (etc), and nothing seems to work
I can’t find a good tutorial on youtube either so i can learn how to decide what to input (what level of div etc) to make custom cssPlease help
March 27, 2019 at 11:20 am #285527lydenyardleyParticipantIf you still need help, let me have the page URL, and I’ll take a look.
March 27, 2019 at 11:45 am #285528nikolailuParticipantYep, I still can’t figure it out, i’ve tried all combinations, I just dont know what to put before the
?? { padding:0;
}Here’s the page: https://nikolai-lu.com/forums/
But I need it to reflect on individual forum pages also, for example: https://nikolai-lu.com/forums/forum/ohp/March 28, 2019 at 4:00 am #285579LearnTheNewParticipantIt’s all to be change the padding. Then you have placed those classes in bbpress functions also. i think you made changes in CSS style sheet in WordPress editor. but these things have to be changed in CSS style sheet and apply those classes in bbpress functions.php files also.
March 28, 2019 at 4:21 am #285580nikolailuParticipantThe placing is not a problem I think, as I input them into Avada css override section in the settings of the theme, I’ve placed all other css things there. I also css’ed another paramter from bbpress and it was fine.
I simply dont know what to put in the ?? part, as I tried many things but its not working (I assume because I’m putting wrong things in as i’m literally not knowledgable about css at all, but i been watching videos hopefully i can figure it out)
March 28, 2019 at 4:36 am #285582lydenyardleyParticipantThanks for sharing the links @nikolailu. It seems that you were doing the right thing. Using Chrome’s DevTools, I was able to update those styles with the following CSS:
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
padding: 1em;
}If this is what you’ve put into your site’s area for custom CSS and it’s still not working, there are a couple of likely scenarios:
- Your site is being cached and you need to manually clear the cache so that your new CSS gets picked up
- Something else. In which case, you can try adding !important. E. g: padding: 1em !important;
I hope this helps!
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.