Individual posts not conforming to CSS

• 

  sanctuaryblog7 · Member · Apr 19, 2019 at 11:46 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I have two posts that are not conforming to the following CSS:

  .type-post .entry-title, .type-page .entry-title {
  font-size: 26px;
  }

  The post IDs are: post=2611 and post=346.

  The CSS has no impact on these particular posts for some reason. Is there a fix?

  Thanks,
  Rose

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

• 

  shubhamgmath · Member · Apr 20, 2019 at 12:47 am

  • Copy link

  Hi sanctuaryblog7

  Can you please mention the direct inks to the post you need help with?

• 

  sanctuaryblog7 · Member · Apr 22, 2019 at 4:38 pm

  • Copy link

  Hi,

  They are:

  https://sanctuaryblog.ca/creativity-a-game-changer/

  https://sanctuaryblog.ca/favourite-quotes/

  Thanks!

• 

  sanctuaryblog7 · Member · Apr 22, 2019 at 4:38 pm

  • Copy link

  Hi,

  They are:

  https://sanctuaryblog.ca/creativity-a-game-changer/

  https://sanctuaryblog.ca/favourite-quotes/

  Thanks!

• 

  starker3 · Member · Apr 26, 2019 at 9:40 am

  • Copy link

  Hi @sanctuaryblog7,

  Your CSS rules are being overridden by other CSS rules that are more specific and/or are being applied after the specific CSS has been loaded, hence why the posts are not conforming to the CSS rules you have tried to apply.

  The best practice for this would be to put the relevant CSS at the bottom of the styles.css stylesheet or to apply the CSS using an ID tag on the specific section you want to change such as and then reference it in your CSS with #post-x { font-size: xx; }

  or (ONLY if all else fails) to put a !important tag with the CSS you are trying to apply. Note that you would need to specify each element of the CSS that you want to apply using !important.
  You can find out more about the !important CSS tag in this blog post: https://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/

• 

  sanctuaryblog7 · Member · Apr 27, 2019 at 5:45 am

  • Copy link

  Thanks! I will give it a whirl.

• 

  sanctuaryblog7 · Member · Apr 27, 2019 at 5:53 am

  • Copy link

  Thanks starker3, it worked. You rock!

• 

  starker3 · Member · Apr 29, 2019 at 5:21 am

  • Copy link

  @sanctuaryblog7 You are most welcome!

• 

  wbur · Member · May 10, 2019 at 1:42 pm

  • Copy link

  Hi @starker3 I am having a similar problem and am unsure how to remedy.
  I am using a child theme of the Business Theme by Automattic.
  I have made buttons in the posts which have links in them that are underlined.
  I would like to remove the underline and have been struggling to do so as custom “text-decoration: none;” CSS is not working for me.
  I have found many suggestions on forums but can’t seem to have this work.

  https://wburrecommends.wpcomstaging.com/2019/04/26/smart-children-buys/