Home › Forums › WoodMart support forum › Footer

Footer

Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • February 20, 2018 at 7:49 am #41097

    ckluong3
    Participant

    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.
    February 20, 2018 at 9:10 am #41116

    Artem Temos
    Keymaster

    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

    February 20, 2018 at 9:53 am #41121

    ckluong3
    Participant

    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.
    February 20, 2018 at 9:59 am #41125

    Artem Temos
    Keymaster

    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.

    February 23, 2018 at 2:51 pm #41880

    ckluong3
    Participant

    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.
    February 23, 2018 at 2:59 pm #41891

    Artem Temos
    Keymaster

    Hi,

    You can use this CSS code to adjust it

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

    Regards

    February 23, 2018 at 3:57 pm #41905

    ckluong3
    Participant

    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.
    February 23, 2018 at 8:40 pm #41940

    Artem Temos
    Keymaster

    Just ignore this warning.

    February 27, 2018 at 6:17 am #42413

    ckluong3
    Participant

    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.

    February 27, 2018 at 7:31 am #42435

    Artem Temos
    Keymaster

    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

    February 27, 2018 at 8:17 am #42456

    ckluong3
    Participant

    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.
    February 27, 2018 at 8:20 am #42459

    Artem Temos
    Keymaster

    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;
}
    March 13, 2018 at 1:07 pm #45683

    ckluong3
    Participant

    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.
    March 13, 2018 at 2:13 pm #45706

    Artem Temos
    Keymaster

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

    March 14, 2018 at 3:48 am #45810

    ckluong3
    Participant

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

    March 14, 2018 at 7:30 am #45834

    Artem Temos
    Keymaster

    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;
}
    September 9, 2018 at 10:46 am #76187

    ckluong3
    Participant

    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.
    September 9, 2018 at 12:28 pm #76199

    Elise Noromit
    Member

    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

    September 9, 2018 at 4:53 pm #76225

    ckluong3
    Participant

    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.

    September 9, 2018 at 6:08 pm #76233

    Elise Noromit
    Member

    Hello,

    Please replace the code with this one: 

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

    Best Regards

    September 10, 2018 at 1:32 am #76264

    ckluong3
    Participant

    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.
    September 10, 2018 at 8:02 am #76286

    Elise Noromit
    Member

    Hello,

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

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

    Best Regards

    September 10, 2018 at 8:23 am #76296

    ckluong3
    Participant

    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.

    September 10, 2018 at 10:57 am #76326

    Elise Noromit
    Member

    Hello,

    Please add this code: 

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

    Best Regards

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