• 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.

Viewing 1 replies (of 1 total)
  • Thread Starter OscarGuy

    (@oscarguy)

    I have figured out one of my issues. By changing it to #content in lieu of .blog and removing .archive, it seems to be styling them on every page just fine.

    Now, I just need to figure out how to get it to reference all subcategories without having to reference them individually.

Viewing 1 replies (of 1 total)
  • The topic ‘CSS Styling Assistance’ is closed to new replies.