Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #299745
    Luis
    Participant

    I have tried to change the width of the site and tried to add color to the main menu (primary menu) but nothing works. I want to make the main menu on top a dark blue with white text inside. And I want to narrow the site so that there is more color on both sides. I also want to color the footer red with white text inside.

    http://www.luishernandezgraphics.com

    I am frustrated and I am thinking about getting a refund. It’s not what I expected… how can you offer a theme that doesn’t allow you to do such basic things, such as changing the width or color of the menu? I was impressed by your themes and used them for years but am rather dissapointed this time around.

    Someone, please assist me. Thank you. Much obliged.

    #299779
    Sakin
    Keymaster

    @luismelhernandez: You can add the following CSS in “Appearance => Customize => Additional CSS” box:

    #header-navigation-area {
        background-color: #4686cc;
    }
    .menu-toggle,
    .site-navigation a {
        color: #fff;
    }
    .menu-toggle:hover,
    .menu-toggle:focus,
    .menu-toggle.toggled-on,
    .menu-toggle.toggled-on:hover,
    .menu-toggle.toggled-on:focus {
        color: #eee;
    }
    .site-navigation a:hover,
    .site-navigation a:focus {
        color: #ddd;
    }
    @media screen and (min-width: 64em) {
        .boxed-layout .site-inner {
            width: 96%;
        }
        .content-area {
            width: 90%;
        }
        .site-navigation li:hover > a,
        .site-navigation li.focus > a {
            color: #ddd;
        }
    }
    #299841
    Luis
    Participant

    Thank you.

    I also need to make the footer this color:  #ed2226

     

    With white text inside. Can you send me the code for that also, please?

     

    Sorry for the bother.

    #299935
    Sakin
    Keymaster

    @luismelhernandez: You can add the following CSS in “Appearance => Customize => Additional CSS” box:

    #colophon {
        background-color: #ed2226;
    }
    .site-info a {
        color: #ddd;
    }
    .site-info,
    .site-info a:hover,
    .site-info a:focus {
        color: #fff;
    }
    #300013
    Luis
    Participant

    Thank you

    #300017
    Luis
    Participant

    Is there a way to make the width of the site more narrow? So that you see more black space on both sides?

    #300179
    Luis
    Participant

    Hello?

    #301409
    Sakin
    Keymaster

    @luismelhernandez: Sorry for the late reply, I didn’t get a notification for this reply.  Just change the width on the following CSS as per your need and add it in the “Appearance => Customize => Additional CSS” box:

    .boxed-layout .site-inner {
        max-width: 1660px;
    }
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.