Twenty Seventeen Style Portfolio Page

• 

  mid0nz · Member · May 26, 2017 at 8:00 pm

  • Copy link
  • Add topic to favorites

  I’m trying to make the default /portfolio page (https://maryjowatts.com/portfolio) look like this page with the portfolio shortcode that I’ve styled. (https://maryjowatts.com/portfolio-2/)

  Essentially I want a box around each post but only on the Portfolio page (and perhaps the Blog page as well). I want to do this b/c the default styling is shapeless and confusing to read.

  The only element I can find to use is “article” but that’s global. I want it to look like this:

  {
  border: thin solid #482b84;
  padding: 25px !important;
  margin-bottom: 30px !important;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
  }

  How do I restrict this style to just Portfolio and Blog and not the other pages?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · May 26, 2017 at 8:11 pm

  • Copy link

  This is the Support Forum and you need to start a new thread in the CSS customization forum. Here’s the link https://en.forums.wordpress.com/forum/css-customization

• 

  thesacredpath · Member · May 29, 2017 at 7:44 pm

  • Copy link

  This issue was resolved here: https://en.forums.wordpress.com/topic/twenty-seventeen-styling-portfolio-and-blog-pages?replies=8#post-2955416