Blog Sidebar CSS Styling

[DesignMunky]

Hi,

Can you help me please with what CSS selectors to use for styling the Blog sidebar buttons in Recent Posts, Archives & Categories of this Blob page?

https://drsarahhunt.com.au/blog/

Thanks,
Darren.

[ruenel]

Hey Darren,

Thanks for reaching out. You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

Based on the screenshot above, the current CSS styling of the links in your side is using this CSS builtin to the Integrity stack style.css:

.widget ul li, .widget ol li {
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: .65em .85em;
    line-height: 1.5;
    box-shadow: 0 1px 1px rgb(255 255 255 / 95%);
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

Feel free to make adjustments and modifications to the code above. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Best Regards.