Home › Forums › WoodMart support forum › Footer Logo
Footer Logo
- This topic has 7 replies, 2 voices, and was last updated 5 years, 2 months ago by Elise Noromit.
-
AuthorPosts
-
August 15, 2019 at 5:51 pm #138486
elliotb24ParticipantHow do I get the logo and business info like the one in the demo?
Also is it possible to get social buttons under this also?
It doesn’t come out well on HTML blocks.
Attachments:
You must be logged in to view attached files.August 16, 2019 at 7:13 am #138568
Elise NoromitMemberHello,
There are two ways to add the content to the footer: 1) Appearance > Widgets > chose Footer column: https://xtemos.com/docs/woodmart/widgets/ use these widgets to add image, logo and other content; 2) HTML block https://xtemos.com/docs/woodmart/html-blocks-2/#main_footer and https://xtemos.com/docs/woodmart/html-blocks-2/#pre-footer
Best Regards
August 16, 2019 at 5:20 pm #138772
elliotb24ParticipantThanks.
I understand that HTML Blocks need to be used in the main footer section but how do you get the section like the one attached? Is this custom coded?
Also, like the retail demo I would like to have the Social Links, Payment buttons etc below the footer (also see attached) – how do you do this?
Attachments:
You must be logged in to view attached files.August 16, 2019 at 8:24 pm #138790
Elise NoromitMemberHello,
Here is the code for Retail footer
[vc_row full_width="stretch_row" content_placement="top" css=".vc_custom_1540563044667{border-bottom-width: 1px !important;border-bottom-color: rgba(255,255,255,0.1) !important;border-bottom-style: solid !important;}" woodmart_parallax="0" woodmart_gradient_switch="no" row_reverse_mobile="0" row_reverse_tablet="0" woodmart_disable_overflow="0"][vc_column width="1/4" css=".vc_custom_1533794029170{margin-bottom: 4vh !important;padding-top: 0px !important;}" offset="vc_col-lg-2 vc_col-md-3 vc_col-xs-6"][extra_menu label="white" title="OUR STORES"][extra_menu_list title="New York" link="url:%23|||"][extra_menu_list title="London SF" link="url:%23|||"][extra_menu_list title="Cockfosters BP" link="url:%23|||"][extra_menu_list title="Los Angeles" link="url:%23|||"][extra_menu_list title="Chicago" link="url:%23|||"][extra_menu_list title="Las Vegas" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4" css=".vc_custom_1533794022782{margin-bottom: 4vh !important;padding-top: 0px !important;}" offset="vc_col-lg-2 vc_col-md-3 vc_col-xs-6"][extra_menu label="white" title="USEFUL LINKS"][extra_menu_list title="Privacy Policy" link="url:%23|||"][extra_menu_list title="Returns" link="url:%23|||"][extra_menu_list title="Terms & Conditions" link="url:%23|||"][extra_menu_list title="Contact Us" link="url:%23|||"][extra_menu_list title="Latest News" link="url:%23|||"][extra_menu_list title="Our Sitemap" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4" css=".vc_custom_1533794012803{margin-bottom: 4vh !important;padding-top: 0px !important;}" offset="vc_col-lg-2 vc_col-md-3 vc_col-xs-6"][extra_menu label="white" title="OUR STORES"][extra_menu_list title="New York" link="url:%23|||"][extra_menu_list title="London SF" link="url:%23|||"][extra_menu_list title="Cockfosters BP" link="url:%23|||"][extra_menu_list title="Los Angeles" link="url:%23|||"][extra_menu_list title="Chicago" link="url:%23|||"][extra_menu_list title="Las Vegas" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/4" css=".vc_custom_1533794007634{margin-bottom: 4vh !important;padding-top: 0px !important;}" offset="vc_col-lg-2 vc_col-md-3 vc_col-xs-6"][extra_menu label="white" title="USEFUL LINKS"][extra_menu_list title="Privacy Policy" link="url:%23|||"][extra_menu_list title="Returns" link="url:%23|||"][extra_menu_list title="Terms & Conditions" link="url:%23|||"][extra_menu_list title="Contact Us" link="url:%23|||"][extra_menu_list title="Latest News" link="url:%23|||"][extra_menu_list title="Our Sitemap" link="url:%23|||"][/extra_menu][/vc_column][vc_column woodmart_text_align="left" css=".vc_custom_1540563035074{margin-bottom: 4vh !important;padding-top: 0px !important;}" offset="vc_col-lg-4 vc_col-md-12 vc_col-xs-12" woodmart_parallax="0" parallax_scroll="no" woodmart_sticky_column="false"][woodmart_responsive_text_block size="custom" font_weight="400" color_scheme="light" align="left" desktop_text_size="16" css=".vc_custom_1534759080899{margin-bottom: 15px !important;}"]AVAILABLE ON:[/woodmart_responsive_text_block][woodmart_gallery images="117,81" view="grid" spacing="20" on_click="links" columns="2" img_size="200x65" custom_links="#,#"][woodmart_responsive_text_block size="custom" font_weight="400" color_scheme="light" align="left" desktop_text_size="16" css=".vc_custom_1533717079868{margin-bottom: 10px !important;}"]Join our newsletter![/woodmart_responsive_text_block][woodmart_responsive_text_block font="text" size="custom" font_weight="400" color_scheme="custom" align="left" desktop_text_size="16" css=".vc_custom_1533717043002{margin-bottom: 15px !important;}" color="#7c899c"]Will be used in accordance with our <a href="#"><span class="color-primary">Privacy Policy</span></a>[/woodmart_responsive_text_block][vc_column_text css=".vc_custom_1534746249242{margin-bottom: 0px !important;}"][mc4wp_form id="74"][/vc_column_text][/vc_column][/vc_row][vc_row css=".vc_custom_1533821733353{margin-top: 30px !important;margin-bottom: -30px !important;}"][vc_column width="1/2" css=".vc_custom_1533821739563{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-4 vc_col-md-4 vc_col-xs-6"][woodmart_responsive_text_block size="custom" font_weight="400" color_scheme="light" align="left" desktop_text_size="16" css=".vc_custom_1533718008083{margin-bottom: 15px !important;}"]Payment System:[/woodmart_responsive_text_block][vc_single_image image="117" img_size="303x24" parallax_scroll="no" css=".vc_custom_1540563103898{margin-bottom: 0px !important;}"][/vc_column][vc_column width="1/2" css=".vc_custom_1533821744603{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-4 vc_col-md-4 vc_col-xs-6"][woodmart_responsive_text_block size="custom" font_weight="400" color_scheme="light" align="left" desktop_text_size="16" css=".vc_custom_1533718014428{margin-bottom: 15px !important;}"]Shipping System:[/woodmart_responsive_text_block][vc_single_image image="117" img_size="303x24" parallax_scroll="no" css=".vc_custom_1540563107738{margin-bottom: 0px !important;}"][/vc_column][vc_column css=".vc_custom_1533821749683{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-4 vc_col-md-4 vc_col-xs-12"][woodmart_responsive_text_block size="custom" font_weight="400" color_scheme="light" align="left" desktop_text_size="16" css=".vc_custom_1533717726660{margin-bottom: 10px !important;}"]Our Social Links:[/woodmart_responsive_text_block][social_buttons size="small" align="left" style="colored"][/vc_column][/vc_row] And here is pre-footer [vc_row full_width="stretch_row" content_placement="top" css=".vc_custom_1534746670819{margin-bottom: -40px !important;border-bottom-width: 1px !important;padding-top: 30px !important;background-color: #092143 !important;border-bottom-color: rgba(255,255,255,0.1) !important;border-bottom-style: solid !important;}"][vc_column width="1/2" woodmart_text_align="center" css=".vc_custom_1533821559545{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-3 vc_col-md-6 vc_col-xs-12"][woodmart_info_box image="1743" title_size="small" image_alignment="left" woodmart_color_scheme="light" img_size="50x50" title="Free Shipping." css=".vc_custom_1534746675187{margin-bottom: 0px !important;border-right-width: 1px !important;border-right-color: rgba(255,255,255,0.1) !important;border-right-style: solid !important;}"]No one rejects, dislikes.[/woodmart_info_box][/vc_column][vc_column width="1/2" woodmart_text_align="center" css=".vc_custom_1533821564252{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-3 vc_col-md-6 vc_col-xs-12"][woodmart_info_box image="1743" title_size="small" image_alignment="left" woodmart_color_scheme="light" img_size="50x50" title="24/7 Support." css=".vc_custom_1534746679189{margin-bottom: 0px !important;border-right-width: 1px !important;border-right-color: rgba(255,255,255,0.1) !important;border-right-style: solid !important;}"]It has survived not only.[/woodmart_info_box][/vc_column][vc_column width="1/2" woodmart_text_align="center" css=".vc_custom_1533821570339{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-3 vc_col-md-6 vc_col-xs-12"][woodmart_info_box image="1743" title_size="small" image_alignment="left" woodmart_color_scheme="light" img_size="50x50" title="Online Payment." css=".vc_custom_1534746683110{margin-bottom: 0px !important;border-right-width: 1px !important;border-right-color: rgba(255,255,255,0.1) !important;border-right-style: solid !important;}"]All the Lorem Ipsum on.[/woodmart_info_box][/vc_column][vc_column width="1/2" woodmart_text_align="center" css=".vc_custom_1533821575175{margin-bottom: 30px !important;padding-top: 0px !important;}" offset="vc_col-lg-3 vc_col-md-6 vc_col-xs-12"][woodmart_info_box image="1743" title_size="small" image_alignment="left" woodmart_color_scheme="light" img_size="50x50" title="Fast Delivery." css=".vc_custom_1534746141680{margin-bottom: 0px !important;}"]Many desktop page now.[/woodmart_info_box][/vc_column][/vc_row]
Best Regards
August 17, 2019 at 10:13 am #138844
elliotb24ParticipantOk, I’m not sure if I am explaining myself properly here.
I am using the below format for the footer on the widgets bit, see Picture 1.
Now, this is what my current footer looks like, see Picture 2.
I want to do 2 things:
1) Add a business information section in the bottom right blank bit of my current footer – like Picture 3
2) Add a section below my current footer, a third row that shows payment info etc. Like Picture 4
Attachments:
You must be logged in to view attached files.August 17, 2019 at 6:41 pm #138902
Elise NoromitMemberHello,
Here is the code:
Column 1
<div class="footer-logo" style="max-width: 80%; margin-bottom: 10px;"><img src="http://dummy.xtemos.com/woodmart/wp-content/themes/woodmart/images/wood-logo-dark.svg" style="margin-bottom: 10px;" /></div> <p>Condimentum adipiscing vel neque dis nam parturient orci at scelerisque neque dis nam parturient.</p> <div style="line-height: 2;"><i class="fa fa-location-arrow" style="width: 15px; text-align: center; margin-right: 4px; color: #676767;"></i> 451 Wall Street, UK, London<br> <i class="fa fa-mobile" style="width: 15px; text-align: center; margin-right: 4px; color: #676767;"></i> Phone: (064) 332-1233<br> <i class="fa fa-envelope-o" style="width: 15px; text-align: center; margin-right: 4px; color: #676767;"></i> Fax: (099) 453-1357</div>
Column 2 http://prntscr.com/ngstz6
Column 3 Our stores<ul class="menu"> <li><a href="#">New York</a></li> <li><a href="#">London SF</a></li> <li><a href="#">Cockfosters BP</a></li> <li><a href="#">Los Angeles</a></li> <li><a href="#">Chicago</a></li> <li><a href="#">Las Vegas</a></li> </ul>
Column 4 Useful links – the same code just change the values
Column 5 Footer menu – the same code just change the values
Insert the code into HTML blocks and insert the content as per your needs.
Best Regards
August 19, 2019 at 12:00 pm #139200
elliotb24ParticipantOk thanks,
And finally, do you have to images to download or HMTL Block of the attached payment methods?
Attachments:
You must be logged in to view attached files.August 19, 2019 at 1:51 pm #139232
Elise NoromitMemberHello,
Please find the image attached.
Best Regards
Attachments:
You must be logged in to view attached files. -
AuthorPosts
- You must be logged in to create new topics. Login / Register