CSS Styling Assistance
-
I’m trying to do some styling and I’ve gotten part of it styled, but can’t get the last of it. I’m hoping someone can help. Also, I’m hoping perhaps there’s easier syntax than what I’m using.
My site is: https://www.cinemasight.com
Each category has a different byline style. I’ve gotten it to work both on the main page as well as the individual pages for each category. I cannot get it to work on the individual posts themselves. Here’s a sample of the code I’m using:
.archive .category-academy-awards .entry-byline, .blog .category-academy-awards .entry-byline, .archive .category-academy-awards-history .entry-byline, .blog .category-academy-awards-history .entry-byline, .archive .category-oscar-in-box-office-history .entry-byline, .blog .category-oscar-in-box-office-history .entry-byline, .archive .category-oscar-profile .entry-byline, .blog .category-oscar-profile .entry-byline, .archive .category-this-day-in-oscar-history .entry-byline, .blog .category-this-day-in-oscar-history .entry-byline, .archive .category-for-your-consideration .entry-byline, .blog .category-for-your-consideration .entry-byline, .archive .category-screener-watch .entry-byline, .blog .category-screener-watch .entry-byline, .archive .category-oscar-preview .entry-byline, .blog .category-oscar-preview .entry-byline, .archive .category-precursors .entry-byline, .blog .category-precursors .entry-byline, .archive .category-predictions .entry-byline, .blog .category-predictions .entry-byline, .archive .category-presenters .entry-byline, .blog .category-presenters .entry-byline, .archive .category-shortlists .entry-byline, .blog .category-shortlists .entry-byline { background-color: #c3a310; padding: 5px; border-top: 2px #e3c330 solid; border-bottom: 2px #806b09 solid; border-right: 2px #806b09 solid; border-left: 2px #e3c330 solid; } .archive .category-academy-awards .entry-byline a, .blog .category-academy-awards .entry-byline a, .archive .category-academy-awards-history .entry-byline a, .blog .category-academy-awards-history .entry-byline a, .archive .category-oscar-in-box-office-history .entry-byline a, .blog .category-oscar-in-box-office-history .entry-byline a, .archive .category-oscar-profile .entry-byline a, .blog .category-oscar-profile .entry-byline a, .archive .category-this-day-in-oscar-history .entry-byline a, .blog .category-this-day-in-oscar-history .entry-byline a, .archive .category-for-your-consideration .entry-byline a, .blog .category-for-your-consideration .entry-byline a, .archive .category-screener-watch .entry-byline a, .blog .category-screener-watch .entry-byline a, .archive .category-oscar-preview .entry-byline a, .blog .category-oscar-preview .entry-byline a, .archive .category-precursors .entry-byline a, .blog .category-precursors .entry-byline a, .archive .category-predictions .entry-byline a, .blog .category-predictions .entry-byline a, .archive .category-presenters .entry-byline a, .blog .category-presenters .entry-byline a, .archive .category-shortlists .entry-byline a, .blog .category-shortlists .entry-byline a { color: #402b09; } .archive .category-academy-awards .entry-categories, .blog .category-academy-awards .entry-categories, .archive .category-academy-awards-history .entry-categories, .blog .category-academy-awards-history .entry-categories, .archive .category-oscar-in-box-office-history .entry-categories, .blog .category-oscar-in-box-office-history .entry-categories, .archive .category-oscar-profile .entry-categories, .blog .category-oscar-profile .entry-categories, .archive .category-this-day-in-oscar-history .entry-categories, .blog .category-this-day-in-oscar-history .entry-categories, .archive .category-for-your-consideration .entry-categories, .blog .category-for-your-consideration .entry-categories, .archive .category-screener-watch .entry-categories, .blog .category-screener-watch .entry-categories, .archive .category-oscar-preview .entry-categories, .blog .category-oscar-preview .entry-categories, .archive .category-precursors .entry-categories, .blog .category-precursors .entry-categories, .archive .category-predictions .entry-categories, .blog .category-predictions .entry-categories, .archive .category-presenters .entry-categories, .blog .category-presenters .entry-categories, .archive .category-shortlists .entry-categories, .blog .category-shortlists .entry-categories { background-color: #e3c330; padding: -1px; border-top: 1px #f3e350 solid; border-bottom: 1px #806b09 solid; border-right: 1px #806b09 solid; border-left: 1px #f3e350 solid; } .archive .category-academy-awards .entry-categories a, .blog .category-academy-awards .entry-categories a, .archive .category-academy-awards-history .entry-categories a, .blog .category-academy-awards-history .entry-categories a, .archive .category-oscar-in-box-office-history .entry-categories a, .blog .category-oscar-in-box-office-history .entry-categories a, .archive .category-oscar-profile .entry-categories a, .blog .category-oscar-profile .entry-categories a, .archive .category-this-day-in-oscar-history .entry-categories a, .blog .category-this-day-in-oscar-history .entry-categories a, .archive .category-for-your-consideration .entry-categories a, .blog .category-for-your-consideration .entry-categories a, .archive .category-screener-watch .entry-categories a, .blog .category-screener-watch .entry-categories a, .archive .category-oscar-preview .entry-categories a, .blog .category-oscar-preview .entry-categories a, .archive .category-precursors .entry-categories a, .blog .category-precursors .entry-categories a, .archive .category-predictions .entry-categories a, .blog .category-predictions .entry-categories a, .archive .category-presenters .entry-categories a, .blog .category-presenters .entry-categories a, .archive .category-shortlists .entry-categories a, .blog .category-shortlists .entry-categories a { padding: 4px; }
So, .blog works on the main page while .archive works on the category page. I’m not sure what to use on the regular pages. Also, I couldn’t figure out how to apply to all the sub-categories without specifying them individually, so any help in streamlining that would be appreciated.
- The topic ‘CSS Styling Assistance’ is closed to new replies.