[Resolved] CSS issue

[Carl]

Some suggestions please!

A while back I wanted to border most of the content on my site. I used a range of CSS to get the look I was after (.sidebar . widget; .site-main; .site-footer; .main-navigation) and it looks great, exactly how I wanted:

https://drive.google.com/file/d/0BylmgJvZE8T6aVlITlBCZnBGRzg/view?usp=sharing

Then I started playing round with the blog and realised it was looking pretty bad as it only had the one border for all content:

https://drive.google.com/file/d/0BylmgJvZE8T6SW5OSWlSOUkwY3M/view?usp=sharing

So I added some CSS for .inside-article and crossed my fingers, unfortunately ended up with this:

https://drive.google.com/file/d/0BylmgJvZE8T6c2FXdFFlOGJSZVE/view?usp=sharing

So, my question is – can I isolate the CSS for .site-main so it doesn’t appear on the blog component of my site????

[Carl]

Instead of using the simple CSS plugin, could I add the CSS on each page individually instead? Would that work?

[Carl]

Haha, fixed. Removed .site-main CSS and solved everything. By the way, Generatepress rocks with Learndash – can’t wait to showcase my site in the next month!

[Tom]

Glad you got it working and that you’re enjoying GP! 🙂

[Carl]

I’ve said it here before – it’s the support that makes it. You guys are great and I don’t know how you manage to answer all these questions! Keep it up!

[Tom]

Thank you! I appreciate it 🙂

[Author]

Posts