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

  • raeofhopeproductions · Member ·

    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: (visible only to logged in users)

  • 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

  • raeofhopeproductions · Member ·

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

  • lelandf · Theme Author ·

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

  • The topic ‘yellow colour block // css code // menu colour in header’ is closed to new replies.