-
wspus
OK, so sorry for being a pain in advance lol But I wanna do 5 overall tweaks to 3 collective elements on the pages for my party’s site’s standard posts.
Featured Image Captions:
– I added some custom code into code snippets as well as some custom CSS a while ago that allows captions to show up under featured images and it looks fine on a desktop, but I noticed that on some articles, captions look smushed on mobile. I added one of the articles with this issue as an example in the ‘Private Info’ box. Is there any way I can tweak the custom CSS to make the captions look normal on mobile?
– I also want to make the captions a custom hex code color, which is #595959. Is there any way I can tweak the custom CSS code to do that?Post Views Counter:
– I want to make the post views counter logo italic
– I also want to change the hex code color #595959Comment Section:
– I added a plugin called WP Discuz to our comment section and it looks great, aside from there being too much space above and below the comment section now. I can’t find any options in the settings to decrease the size of this space, so is there any custom CSS I can ad to do so? -
David
Hi there,
1. Caption adjust your CSS to includes the flex-wrap and color property like so:
p.wp-caption-text.thumb-caption-text { display: flex; font-style: italic; padding-left: 10px; padding-right: 10px; flex-wrap: wrap; color: #595959; }
and if you want to change the color of the links in the captions add:
.wp-caption-text.thumb-caption-text a { color: #595959; }
2.For the post views:
.entry-meta.post-views { font-style: italic; color: #595959; }
3. Try this CSS:
.comments-area, #comments { padding-block: 0 !important; margin-block: 0; }
-
wspus
omg, that all worked perfectly, thank you so much!
-
David
Glad to hear that, and happy to be of help!
- You must be logged in to reply to this topic.