Okay
  Public Ticket #1531169
Footer Design
Open

Comments

  •  2
    Nita Blum started the conversation

    Hi A few things on footer we need help styling. 

    1.) How do we remove the bottom white bar all together?

    2.) How do we change the hot pink color to white? 

    3.) How do we change the main part of the footer color to light gray?

    4.) How do we reduce the logo size in footer? 

    Attached files:  Screen Shot 2018-04-05 at 6.09.38 PM.png

  •  2
    Nita Blum replied

    Also on other pages the footer is black, how do we make sure it is uniform on all pages. 

    Thanks!

  •  39
    BoldThemes replied

    Hi,

    Please find the answer below:

    1) Please remove all the widgets from Footer Widgets area on Widgets panel

    2.1) For the pink line below the Do you need help to improve your marriage, there is a section below it with the inline style set. Please change the color code accordingly:

    2.2) For the image hover overlay (Visit our classes) each image has its Content background color set to pink

    2.3) Pink quotes are pink images, you need to change them accordingly

    2.4) Info panel on google maps has its column set to pink, please change accordingly:

    2.5) Google Maps pin is an image in Google Maps Location Element

    3.) You can edit footer by editing the page which is defined in Appearance > Customize > Header & Footer > Footer Page Slug - the slug here maps the page which will be displayed as footer throughout the site. By editing it, you will change the footer globally. Please find it in the Pages section - you can change the colors by changing the background colors of it sections, rows and columns.

    4) You can change the layout of the section with the logo in the footer from two equal columns to 1/4 and 3/4 You should also trim the white space above and below the graphics since as is, it stretches the section vertically.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating.
    A huge thank you from BoldThemes in advance!

  •  39
    BoldThemes replied

    Related to the dark footer, here is how the Setting generally work

    The settings in the Appearance > Customize panel are global, meaning that they influence every page on the site by default. 

    On the other hand, you have an option to override these settings on per page basis. If you take a look at the bottom of the page edit form, you will notice Override Global Setting part in Settings Section - here you can override global settings for every page.

    You probably have a footer slug related override set on some pages and it caused the problem with your footer (it references different footer page than globally set). Try removing footer_slug related overrides.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating.
    A huge thank you from BoldThemes in advance!

  •  2
    Nita Blum replied

    Ok thank you, 

    I was wondering how to add an anchor so that we can put a menu item called Products and it would just toggle down to the products section on the homepage. http://cbdsourceny.com

  •  39
    BoldThemes replied

    Hi Nita,

    In order to add an anchor, please do the following:

    1. Define Element ID for the section where you want to add the anchor - for example myAnchor

    Than add the absolute url of the page with the anchor followed by the #myAnchor to the menu, for example - http://cbdsourceny.com#myAnchor

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating.
    A huge thank you from BoldThemes in advance!

  •  2
    Nita Blum replied

    Thanks that is great. How do I get the underline off the nav bar item thou, because they are both on the homepage they are both being underlined when you are on the homepage. See screenshot: 

    Attached files:  Screen Shot 2018-04-12 at 11.16.18 AM.png

  •  2
    Nita Blum replied

    Also how do I add another anchor?  myAnchor2 ? 

  •  39
    BoldThemes replied

    Hi Nita,

    Please add following CSS statements to Additional CSS panel of Appearance > Customize

    .btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:after, .btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after {
       display:none;
    }

    It should remove the underline from all menu items

    Yes, you would add another anchor by using different Id (for example myAnchor2 or any other word) - and repeat the same method

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating.
    A huge thank you from BoldThemes in advance!