Changing the background colour - 'Regal WordPress Theme

Discussion in 'Regal WordPress Theme' started by lbrudycook, Jun 20, 2013.

Thread Status:
Not open for further replies.
  1. lbrudycook

    lbrudycook Guest

    Joined:
    Oct 3, 2012
    Messages:
    24
    Likes Received:
    1
    Hello,

    I am trying to change the background colour in Regal to plain white (instead of the optional colours that have been included in the theme), but the CSS that I am trying does not work. I believe I have used this with success on other Inkthemes, but this is not working:

    body{
    background:white;
    }

    There is also a matching line/border on the top and bottom in that colour that I will also want to remove (or make white). May I please have CSS for that as well?

    Finally, I have changed the body font to Arial, but I have been unable to change the font in the menu on the front page. It does not appear to be Arial, so I think it must be different CSS for this?

    Many thanks for your help, as always!
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    body#regal_body {
    background-image: none;
    background-color: white;
    }
    .main_container {
    border: white;
    }
    #menu li a {
    font-family: arial;
    }
    This will solve your issue.
     
  3. lbrudycook

    lbrudycook Guest

    Joined:
    Oct 3, 2012
    Messages:
    24
    Likes Received:
    1
    Thank you for your help!

    There is still a border with a shadow, which is between the background and the front wrapper. May I also have CSS to remove that as well please? I did not realize that was there until it was all white.

    Thanks again. Your support is very much appreciated.
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Paste this code also in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .main_container {
    box-shadow: none;
    }
    This will solve your issue.
     
  5. lbrudycook

    lbrudycook Guest

    Joined:
    Oct 3, 2012
    Messages:
    24
    Likes Received:
    1
    Perfect - thank you Piyush!
     
    Piyush likes this.
Thread Status:
Not open for further replies.

Share This Page