yellow colour block // css code // menu colour in header

  • Author
    Posts
  • #159012

    Hello there – I’d like to change the colour block behind the title on my posts and I found the following code in the forum – the colour pink you used would actually be perfect for me – but when added that to the css code it didn’t change the colour – can you help PLEASE! Also my header background is black so the menu bars in the top right corner aren’t visible – is there any way to change them? Standing by for your reply and THANKS in advance for your attention.

    .posts-navigation a, .site-main #infinite-handle span button, .site-main #infinite-handle span button:hover, .site-main #infinite-handle span button:focus, .posts-navigation a::before, #infinite-handle button::before, .main-navigation a, .byline a, .cat-links a, .entry-content a, .featured-primary .entry-excerpt a, .post-navigation .nav-links a, .comment-navigation a, .comment-content a, .comment-form a, .widget a, .site-info-text a, .comment-author .fn a {
    border-color: #f39dc6 !important;
    }

    The blog I need help with is raeofhopeproductions.com.

    #159020

    lelandf
    Theme Author

    Hi there,

    I’m not seeing the Custom CSS you pasted above loaded on the page. Can you provide a screenshot to illustrate how you are adding it? Typically, Custom CSS is added through Customizer as documented here: https://wordpress.com/support/customizer/#additional-css

    As just the theme author I wouldn’t have access to check on this or add this for you. I would ask WordPress.com Live Chat support to take a quick look, referring them to the CSS I’m pasting below to ensure it’s loading as expected. They should be able to figure it out quickly.

    By the way, the block of CSS code is incomplete for the use case you describe, so even if it did load, it would not change the accent color fully. There some other places where the yellow color is displayed out-of-the-box.

    Please try this Custom CSS instead, which should correct all the issues you have outlined above:

    /* Change accent color to #f39dc6 (.site-header excluded) */
    .posts-navigation a:before,
    #infinite-handle button:before,
    .featured-row,
    .main-navigation a,
    .byline a,
    .cat-links a,
    .entry-content a,
    .featured-primary .entry-excerpt a,
    .post-navigation .nav-links a,
    .comment-navigation a,
    .comment-content a,
    .comment-form a,
    .widget a,
    .site-info-text a {
    	border-color: #f39dc6 !important;
    }
    
    .comment-reply-title,
    .single .entry-title:before {
    	background: #f39dc6 !important;
    }
    
    /* Make menu toggle button white */
    .menu-toggle {
    	border-color: #fff !important;
    }

    Please let me know how it goes, or if you have any additional questions. I’m here to help.

    Best regards,
    Leland

    #159056

    YAY!!!! Thanks so much Leland – very grateful for your help and attention.
    sb

    #159136

    lelandf
    Theme Author

    Any time! Please let me know if you have any other questions!

You must be logged in to reply to this topic.