Footer

I have inserted “MailChimp Sign-Up Form” widget in my Footer Column 3 (footer2.jpg & footer3.jpg), I would like the newsletter sign up form in my footer look like the handmade demo site(https://woodmart.xtemos.com/handmade/)(footer.jpg).
Please advise how should I adjust it. Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Try to create an HTML Block with this code and then place it to the widgets area you need

[vc_row full_width="stretch_row" content_placement="middle" css=".vc_custom_1506088087909{margin-bottom: -40px !important;padding-top: 15vh !important;padding-bottom: 15vh !important;background: #f9f9f9 url(http://dummy.xtemos.com/woodmart/demos/wp-content/uploads/sites/2/2017/06/wood-main-bg.jpg?id=44) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column css=".vc_custom_1506081843137{padding-top: 0px !important;}"][vc_custom_heading text="<strong>LAOREET IN VITAE AMET</strong>" font_container="tag:div|font_size:16px|text_align:center|color:%2379b38a" use_theme_fonts="yes" css=".vc_custom_1506082961769{margin-bottom: 15px !important;}"][woodmart_responsive_text_block size="custom" content_width="80" color_scheme="custom" desktop_text_size="36" tablet_text_size="24" mobile_text_size="20" color="#2d2a2a"]
<p style="text-align: center;">HEY YOU, SIGN UP AND
CONNECT TO WOODMART!</p>
[/woodmart_responsive_text_block][vc_column_text css=".vc_custom_1504531842190{margin-bottom: 0px !important;}"][mc4wp_form id="74"][/vc_column_text][vc_column_text css=".vc_custom_1504531896477{margin-bottom: 20px !important;}"]
<p style="text-align: center;">Will be used in accordance with our  <span style="color: #ffffff;"><strong><a href="#">Privacy Policy</a></strong></span></p>
[/vc_column_text][social_buttons size="small" style="bordered"][/vc_column][/vc_row]

Regards

I want the newsletter sign up form appear in the third column of the footer, after added this code, the first and second column (footer list) are gone. Also, How to reduce the top and bottom space, it seems to overlap the payment method picture and the bottom website.

For the bottom social media icon, if I wanna add in more icon such as youtube and instagram, how to do so? please advise, thanks.

Attachments:

You must be logged in to view attached files.

Try to edit this HTML Block with WPBakery page builder and disable “Stretch row” option for the row containing your form.
Social buttons can be configured via Dashboard -> Social profiles.

Hi, may I know how to adjust the space between the top and bottom of the text? Please advise, thanks.

Attachments:

You must be logged in to view attached files.

Hi,

You can use this CSS code to adjust it

.woodmart-widget li, 
div[class^=vc_wp] li {
    margin-bottom: 5px;
}

Regards

Hi, when I pasted the code in the Custom CSS, there is an exclamation mark, please advise, thanks.

Attachments:

You must be logged in to view attached files.

Just ignore this warning.

Hi, may I know why there is exclamation mark, is it not compatible?

If I would like to adjust the padding size for the entire website which include top menu, product page’s content and etc, how can do so? Please advise, thanks.

Hi,

It is compatible, you don’t need to worry about that mark.

Sorry, but we don’t have a quick instruction how to change padding for the entire website. It may require additional code customization to achieve this.

Regards

Hi, would you please share how can I adjust the size between two links in the menu list (as attached). thanks.

Attachments:

You must be logged in to view attached files.

Sure,

body .color-scheme-light .mega-menu-list .sub-sub-menu li a, 
body .mega-menu-list .sub-sub-menu li a, 
body .menu-mega-dropdown .sub-sub-menu li a,
body .menu-item-design-default ul li a{
    padding-top: 5px;
    padding-bottom: 5px;
}

Hi, the position of the sign up button is overlapping the email address field. Please advise, thanks.

Attachments:

You must be logged in to view attached files.

Thank you for noticing and reporting this issue. We will fix it in our next theme release for sure.

Hi, is there any solution for me to temporary fix it? Please advise, thanks.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.mc4wp-form>div>p {
   margin-bottom:20px!important;
}

Hi,
1. I would like to change the active page title color (attached: color-1.jpg). May I know where should I go to change the font color?

2. In the footer, the page title color will change to black when hover it (attached: color-2.jpg). May I know where should I go to change the hover font color?

Please advise, thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Change the color and add to the Theme Settings > Custom CSS:

 .widget_pages ul li.current_page_item>a {
    color: #333;
}

And for Footer:

.color-scheme-dark .widget a, .color-scheme-dark .woodmart-widget a {
    color: #727272;
}

Best Regards

Hi, thanks for your help.

For the Footer, I wanted to change the font color when hover on it. But the given code is change the whole footer font color without hover on it.

Please advise, thanks.

Hello,

Please replace the code with this one:

.color-scheme-dark .widget a, .color-scheme-dark .woodmart-widget a:hover {
    color: #727272;
}

Best Regards

Hi, thanks for your help.

The outcome is still the same, the code change the entire footer font color without hover on it.

Please advise, thanks.

Attachments:

You must be logged in to view attached files.

Hello,

The issue has been fixed. The code has been corrected.

.color-scheme-dark .woodmart-widget a:hover {
    color: #727272;
}

Best Regards

Hi, Thanks for your help.

For the page’s left navigation list, the font title color will change to black when hover it. May I know where should I go to change the text hover font color?

Please advise, thanks.

Hello,

Please add this code:

.widget a:hover, .woodmart-widget a:hover{
   color: #bea163;
}

Best Regards

[Author]

Posts