Home › Forums › Basel support forum › Background Color And Text For Main Header

Background Color And Text For Main Header

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 18, 2021 at 9:28 pm #274702

    gqjesus
    Participant

    How do I change the background color and text color to look something similar to the attachment? I plan on using the primary color from the theme and text color as white.

    Attachments:
    You must be logged in to view attached files.
    March 19, 2021 at 8:55 am #274787

    Elise Noromit
    Member

    Hello,

    Please please, provide your site admin access to the private area.

    Best Regards

    March 25, 2021 at 9:34 am #276215

    gqjesus
    Participant

    Hi I sent over the admin access and it has not been changed

    March 25, 2021 at 8:30 pm #276350

    Elise Noromit
    Member

    Hello,

    Will you kindly duplicate in the private area of this thread.

    Best Regards

    March 26, 2021 at 8:32 am #276447

    gqjesus
    Participant

    I’ve attached in private content

    March 26, 2021 at 8:51 pm #276710

    Elise Noromit
    Member

    Hello,

    You can set the background color for the footer in the Theme Settings > Footer.

    If you want to change the color, add this line to the code I provided earlier: 

    footer .widget_nav_menu ul>li a, .widget_pages ul>li a {
    font-size: 16px;
    color:red;
}

    Set the color as per your needs.

    Add this code to change the text color: 

    .footer-container.color-scheme-light p {
    color: red;
}

    Best Regards

    March 26, 2021 at 9:13 pm #276715

    gqjesus
    Participant

    This is for the main menu in the header, not the footer.

    March 27, 2021 at 10:31 am #276819

    Elise Noromit
    Member

    Hello,

    Do you mean you want to configure the megamenu blocks? I cannot catch the purpose. Please provide the page URL where you want to change the menu.

    Here is the tutorial to configure the megamenu blocks: https://xtemos.com/docs/basel/create-mega-menu/

    Best Regards

    March 27, 2021 at 4:16 pm #276859

    gqjesus
    Participant

    http://bfylife.com/stagingbfya/

    for the main menu. I would like the drop-down menu to be a different color.

    March 28, 2021 at 9:52 am #276941

    Elise Noromit
    Member

    Hello,

    Please find this code: 

    body .basel-navigation .menu>li.menu-item-design-default .sub-menu-dropdown {
    width: 300px;
}

    Replace with this one and change the color as per your needs: 

    body .basel-navigation .menu>li.menu-item-design-default .sub-menu-dropdown {
    width: 300px;
    background-color: red;
}

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)