Return to previous page

How to add image on homepage between main nav and the slider similar to demo?

This topic has 2 replies, 2 voices, and was last updated 8 years, 3 months ago ago by Robert Hall

walkerk2@mac.com

Participant

January 15, 2016 at 00:27

How do I add the image below the menu on the homepage? In the demo, this image has text “Do you have any questions, Free standard shipping, Big Same..” and have the option to click X and close.

Thanks!

#108195 Copied

1 Answer
Robert Hall

Support staff

January 15, 2016 at 08:25
Hello,

Please try to add the following part of code to Home Page. See screenshot: http://prntscr.com/9qb7up
```
<div id="homepage-sidebar" class="banner-close">
<div id="text-5" class="widget-container widget_text">			
<div class="textwidget"><a href="#"><img src="https://www.8theme.com/demo/xmarket-wo/wp-content/themes/xmarket/images/assets/home_1.png"></a>
<span class="close-parent">&nbsp;</span></div>
</div>
</div>
```
and this css code to custom.css file
```
.close-parent {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 18px;
    width: 18px;
    background: url(images/close-parent.png) no-repeat center center;
    cursor: pointer;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#108209 Copied
Tagged: homepage, image, slider, template, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Marseille 01 – WordPress WooCommerce Theme

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Zoo Shop – WooCommerce Theme

lazy-placeholder

Application – WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Electron Store 01 – WordPress WooCommerce Theme

lazy-placeholder

Glasses Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.