Default Colour Styles

Discussion in 'Slice WordPress Theme' started by dinobravo10, Sep 2, 2014.

  1. dinobravo10

    dinobravo10 Member

    Joined:
    Jan 17, 2013
    Messages:
    93
    Likes Received:
    3
    HI Team,
    1. Please assist if i want to change the theme stylesheet to a custom one which unfortunately doesnt appear in the drop down under the styling options.

    2.Also what to change the colour of bottom area where the footer widgets are located as it remains grey whenever i change to a different stylesheet.

    3.Want to also change the background colour of the area between the Home Page feature sections.

    Thanks.
     
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Please provide URL of website.
    Thanks & Regards
    Pramod
     
  3. dinobravo10

    dinobravo10 Member

    Joined:
    Jan 17, 2013
    Messages:
    93
    Likes Received:
    3
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Please explain little bit more about all the three issues. About colors you want to keep with your website.
    Thanks & Regards
    Pramod
     
  5. dinobravo10

    dinobravo10 Member

    Joined:
    Jan 17, 2013
    Messages:
    93
    Likes Received:
    3
    Please see images snipped from www.mkleetech.com

    1.Right now the i've selected the blue theme stylesheet,I want a white colour in place of the blue coulor. Image Area 1
    2. Want to also change the background colour of the area between the Home Page feature sections. Image Area2
    3.The footer area is greyish black,i want to change it to another coulor aswell. Image Area 3

    Thanks and Kind Regards.
     

    Attached Files:

  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .header-container {
    background: forestgreen;
    }
    .page-container
    {
    background: yellow;
    }
    .content-bottom
    {
    background: green;
    }
    .footer-container .footer{
    background: red;
    }

    Please change color by name or by code(eg. #123456; #122222; red,green,white etc.)as per your need
    Thanks & Regards
    Pramod
     
  7. dinobravo10

    dinobravo10 Member

    Joined:
    Jan 17, 2013
    Messages:
    93
    Likes Received:
    3
    Thanks it worked on most parts but the menu bar and some footer section remains same colour how do i change that? Please see pictures
     

    Attached Files:

  8. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Use below code and paste in custom CSS.

    For menu:
    Code:
    menu-container
    {
    background:red;
    }
    #menu li a:hover
    {
    background:green !important;
    }
    #menu li.current_page_item a
    {
    background:yellow !important;
    }
    
    For footer:

    Code:
    .footer-container
    {
    background:pink !important;
    }
    .bottom-footer-container
    {
    background:red !important;
    }
    Thanks & Regards
    Pramod
     

Share This Page