Shop Categories

X

Couple of Questions on Homepage

Home Forums Agama Pro Couple of Questions on Homepage

Topic Resolution: Resolved
  • This topic has 3 replies, 2 voices, and was last updated 3 years ago by Zex.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14215
    MendingAegis
    Participant

    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.

    #14236
    Zex
    Moderator

    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

    #14297
    MendingAegis
    Participant

    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

    #14298
    Zex
    Moderator

    Hello, MendingAegis!

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

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

    Regards

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.