Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1291843
    Brent-St
    Participant

    Hi,

    I am using the dark theme as part of the Integrity stack.

    All of the following pages do not seem to be displaying the theme color settings properly.

    password = password

    http://nixyart.com/blog/

    http://nixyart.com/checkout/

    http://nixyart.com/cart/

    http://nixyart.com/shop/

    The individual product pages look good.

    Am I missing something?

    any help is greatly appreciated.

    Thanks,

    Brent

    #1291844
    Brent-St
    Participant
    This reply has been marked as private.
    #1292248
    Rupok
    Member

    Hi Brent,

    Thanks for writing in! It looks same on every page. Header, footer etc. are black and texts are white and it seems fine. It would be better if you add screenshot and point the differences.

    Cheers!

    #1292270
    Brent-St
    Participant

    Hi,

    The WooComm pages and the Blog page have light backgrounds where on the contact and about pages the background are dark.

    This presents a problem in that currently the font title color is light and there for does not show up well on the shop page.

    if i change the font title cloud to dark then it does not show up well on the about page.

    attached are screen shots.

    #1292284
    Brent-St
    Participant

    re-uploading after shrinking the images

    #1292383
    Lely
    Moderator

    Hello Brent,

    Thank you for the screenshots.
    The issue is because you have added a light background image. See this sample:http://demo.theme.co/integrity-3/blog/. For integrity dark theme, title are light usually white to contrast dark background. But then you have added light background that’s why it’s hard to see the light font for the titles. On that sample, dark image is use:http://demo.theme.co/integrity-3/wp-content/uploads/sites/26/2016/06/bg-integrity-34.jpg. On the other hand, I can’t seem to check the shop page because right click function is disabled on your site. I can’t see where you added the background.

    Hope this helps.

    #1292987
    Brent-St
    Participant

    Hi,

    If you use the disable javascript function of the develop menu in your browser you are able to right click.

    I have removed the background image and as you can see the background is light by default.

    Is there a way to make the default background color dark on the shop pages and blog?

    thanks,

    Brent

    #1292990
    Brent-St
    Participant

    being able to set a dark background is especially important on the category shop pages

    http://nixyart.com/product-category/bw-prints/

    #1293075
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer Custom > CSS

    .blog body, .archive body {
        background: black !important;
    }

    Hope it helps

    Joao

    #1293414
    Brent-St
    Participant

    Hi Joao,

    unfortunately that did not work.

    Is there other css that will allow me to hang the background color of th blog and the shop pages such as http://nixyart.com/product-category/bw-prints/ to a dark color?

    thanks,

    Brent

    #1293752
    Rue Nel
    Moderator

    Hello Brent,

    Thanks for updating us in! To have the dark background color in the blog and shop pages, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    body.blog,
    body.archive  {
        background-color: #000;
    }

    Hope this helps. Please let us know how it goes.

    #1294514
    Brent-St
    Participant

    Hi,

    That worked great.

    thanks very much for the support. 🙂

    Brent

    #1294518
    Brent-St
    Participant

    i just checked the cart and checkout ages and they too have a light background.

    can you please let me know what css to use to change those pages to a dark background?

    thanks,

    Brent

    #1294593
    Joao
    Moderator

    Hi Brent,

    Please try :

    body.woocommerce   {
        background-color: #000;
    }

    Hope that helps

    Joao

    #1294612
    Brent-St
    Participant

    Hi Jao,

    thanks for the quick response

    Unfortunately the css did not work.

    brent

  • <script> jQuery(function($){ $("#no-reply-1291843 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>