Couple of Questions on Homepage

[MendingAegis]

1) At the top of the page, along the menu bar, there is a black box behind the page you are currently on. Is there a way to remove this? Change its color and center it?
2) In the front page boxes, there is a “read more” button, I need to change the resting background color, resting font color, hover background color, and hover font color so that it matches the rest of the boxes on site. How can I do this?
3) For the overall website, is there a way to change the overall background or “skin” color to brushed metal or a darker gray?
4) In the customize bar on WordPress, there is a contact option, what and where is this information displayed on the website? It currently has the incorrect information in it, but I want to know where is used.

[Zex]

Hello, MendingAegis!

Here are the answers for you:

1. Insert the following codes into Customizing->General->Additional CSS:

/*Current Page navigation item Background color*/ 
.sticky-nav > li.current_page_item, body:not(.header_transparent) .sticky-nav > li.current-menu-item {
    background-color: #000!important;
}
/*Center the current Page navigation item */ 
.sticky-nav > li.current_page_item a:not(.sub-menu-link), .sticky-nav > li.current-menu-item a:not(.sub-menu-link){
    margin-left:27px!important;
}

Change the color code per your needs, or
use the “transparent” value if you want a transparent background.

2. Insert the following codes into Customizing->General->Additional CSS:

#frontpage-boxes a.button{
    color:#fff;
    background-color:#000;
    border-color: black!important;
}
#frontpage-boxes a.button:hover{
    color:red;
    background-color:#fff;
    border-color: red!important;
}

Change the color codes per your needs.

3. You can set the Page background -color from the Customizing->General->Pages… Pages Background color menu (I see you already found it).
but, If you want to have a Background image instead of the color,
you need to follow the next steps:

3.1 Set the Pages background color to transparent.
https://prnt.sc/nwwhem

3.2 Go to the Customizing->General-> Body menu and insert your Background image.
https://prnt.sc/nwwig8
https://prnt.sc/nwwj3v

3.3 Insert the following code into Customizing->General->Additional CSS:

#main-wrapper {
    background-color: transparent!important;
}

https://prnt.sc/nwwjqf

4. To learn how to use and setup a Contact Page, please check this article:
http://docs.theme-vision.com/article/setup-a-contact-page/

I think that’s all you wanted for now. If you have further questions, feel free to contact us again.

Regards

[MendingAegis]

Another question about the front page is there a way to make the footer transparent so that I can see the newly added background image?
Regards

[Zex]

Hello, MendingAegis!

Insert the next code into Customizing->General->Additional CSS:

.footer-widgets,
footer[role=contentinfo]{
    background-color: transparent!important;
}

Regards

[Author]

Posts