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
  • #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.
    #274787

    Hello,

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

    Best Regards

    #276215

    gqjesus
    Participant

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

    #276350

    Hello,

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

    Best Regards

    #276447

    gqjesus
    Participant

    I’ve attached in private content

    #276710

    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

    #276715

    gqjesus
    Participant

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

    #276819

    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

    #276859

    gqjesus
    Participant

    http://bfylife.com/stagingbfya/

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

    #276941

    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

Viewing 10 posts - 1 through 10 (of 10 total)