CSS Tweaks
-
There doesn’t seem to be any way to upload a screenshot here but I’m just needing help with two minor CSS tweaks on my homepage.
When you visit lindseyross.com, I’d like the brown title at the top to be “shorter,” i.e. 10px of padding on the top and bottom instead of the 80px that I see when I inspect the element.
Additionally, the light green bio that’s just to the right of my headshot, I’d like the white text to extend all the way to the end of the green block, not cut off about 70% of the way through like it is right now.
Is anyone able to give me some insight about what I’d add to my custom CSS area to make these changes happen?
Thanks!
The page I need help with: [log in to see the link]
-
This seems to be fallout from Visual Compser. There’s a lot of inline CSS on your site that makes this a bit difficult, requiring the use of “!important”.
page-title-block { padding-top: 10px !important; padding-bottom: 10px !important; }To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress
Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.
The text next to your image should be dealt with in Visual Composer as the wrong blocks seem to have been chosen.
The topic ‘CSS Tweaks’ is closed to new replies.