[Luis]

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.

[Sakin]

@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;
    }
}

[Luis]

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.

[Sakin]

@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;
}

[Luis]

Thank you

[Luis]

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

[Luis]

Hello?

[Sakin]

@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;
}

[Author]

Posts