nicholasm3

Thank you for the instructions!

I found it and put 13167 in the field but it’s still showing up. (I double checked to make sure the number was correct as well.) Any idea why that might be?

Omg of course I miss an obvious option in the settings.

Sorry for wasting your time, thank you!!

Thank you Hector! I made the images bigger because I want to show off the photography! (I am also the photographer lol) 😀

We’re so close! I’m once again having issues with this “indent” rule? I noticed with your code the category is right up against the photo when it goes to mobile mode. I figured okay, easy enough, just add a margin-top to taxonomies when it’s using the media card styling.

But when I add it to the section, I once again get that error from earlier about expecting a different indent.

This is what I’m trying to use:

/**
 * Adds custom styling rules for the 'Cards' theme.
 *
 * @param  string $additional_styles
 * @param  string $theme_name
 * @return string
 */
function wpp_additional_css_rules($additional_styles, $theme_name) {
    if ( 'cards' == $theme_name ) {
        $additional_styles .= <<<EOD
            .wpp-cards li .taxonomies { margin-bottom: 15px; font-size: 16px; }
            .wpp-cards li .taxonomies a { color: #0047BB; }
            .wpp-cards li .wpp-post-title { line-height: 1.5; }
            .wpp-cards li .wpp-excerpt { font-size: 17px; line-height: 1.7em; }
            .wpp-cards li .more-link { display: block; margin-top: 15px; color: #0047BB; font-size: 17px; text-decoration: underline; }

            /** For screen sizes lower than 985px let's behave as a block element instead */
            @media (max-width: 984px) {
                .wpp-cards li { display: block; }
				.wpp-cards li .taxonomies { margin-top: 15px; }
                .wpp-cards li .wpp-thumbnail { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; }
            }
        EOD;
    }
    return $additional_styles;
}
add_filter('wpp_additional_theme_styles', 'wpp_additional_css_rules', 10, 2);

But I still get the error even though they’re lined up like you told me to 🙁

Thanks again for all your help

• This reply was modified 1 year ago by nicholasm3.

Thank you for all your help!

Thank you Hector! It’s so awesome how active you are to help people on here.

It’s so close with your help, just a couple more fixes.

I tried editing your code to add color to the taxonomies (same as the read more link, #0047BB) but it’s not taking. I tried using !important tag as well to no avail. Here’s the code I have right now in Code Snippets

/**

• Adds custom styling rules for the ‘Cards’ theme.
  *
• @param string $additional_styles
• @param string $theme_name
• @return string
  */
  function wpp_additional_css_rules($additional_styles, $theme_name) {
  if ( ‘cards’ == $theme_name ) {
  $additional_styles .= <<<EOD
  .wpp-cards li .taxonomies { color: #0047BB; margin-bottom: 15px; font-size: 16px; }
  .wpp-cards li .wpp-post-title { line-height: 1.5; }
  .wpp-cards li .wpp-excerpt { font-size: 17px; line-height: 1.7em; }
  .wpp-cards li .more-link { color: #0047BB; font-size: 17px; text-decoration: underline; }
  EOD;
  }
  return $additional_styles;
  }
  add_filter(‘wpp_additional_theme_styles’, ‘wpp_additional_css_rules’, 10, 2);

Last thing – is there a way to force line break before the Read More so that it’s below the content on a new line and not immediately following it?

Thanks again for all your help!

Edit: Sorry, 1 more. I have author and date checked to display in Appearance > Widgets customization options but they aren’t showing up?

• This reply was modified 1 year ago by nicholasm3.

That worked, thank you!