Return to previous page

Disable Banners on Homepage and just use Images?

This topic has 9 replies, 3 voices, and was last updated 8 years, 3 months ago ago by Jack Richardson

JamieG

Participant

July 28, 2016 at 12:35

Hi,

I want to disable the banner effect on the 3 columned images under the main slider. Is there a way I can easily do this?

I’ve provided the HTML code I’ve used. Can you let me know how to disabled the hover-over effect please and just have the image hyperlinked to the respective pages?

Thanks!
Jamie

Please, contact administrator
for this information.

#134916 Copied Theme version: Latest WooCommerce version: 2.6.4

8 Answers
Robert Hall

Support staff

July 28, 2016 at 13:50
Hello,

Try to add this code in custom.css file
```
.effect-1 .mask {
    display: none;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
Regards,
Robert Hall
#134919 Copied
JamieG

Participant

July 28, 2016 at 14:05

Thanks for that Robert. It seems to have stopped the hover-over effect but I can’t seem to now hyperlink the image to an inner page.

Is there a way I can add a href into the line:

<div class=”span4 banners-block”>[iblock type=”banner” src=”http://www.buypokemongoaccounts.co.uk/wp-content/uploads/2016/07/Beginner-Pokemon-Go-Accounts.png” effect=”1″]

So the banner image hyperlinks to a custom URL of my choice?

Thanks again!

#134921 Copied

JamieG

Participant

July 28, 2016 at 14:20

Hi,

Also, how come in my footer, there’s content in these widget fields despite them being empty on the backend settings?

https://i.gyazo.com/8a16e68bfc29e2775e639591306e7893.png

Thanks,
Jamie

#134922 Copied

JamieG

Participant

July 28, 2016 at 14:47

Sorry, finally on a page like this: http://www.buypokemongoaccounts.co.uk/shop/elite-pokemon-go-accounts/

Is there a way to remove the breadcrumbs row? e.g. https://i.gyazo.com/77c826083fc914a9fa57cee10b7ff3a9.png

Thanks again,
Jamie

#134925 Copied
Robert Hall

Support staff

July 28, 2016 at 15:40
Is there a way I can add a href into the line:

You can try to add tag as on sreenshot: http://prntscr.com/byndkp

Also, how come in my footer, there’s content in these widget fields despite them being empty on the backend settings?

We used a demo footer there. You can add some widget there (as described in our documentation: https://www.8theme.com/demo/docs/idstore/index.html#!/widgets) to replace them.

To disable the breadcrumbs row use this code in custom.css file.
```
.breadcrumbs {
    display: none;
}
```
Regards,
Robert Hall
#134929 Copied
JamieG

Participant

July 28, 2016 at 17:07

Thanks again Robert, you’re a star 🙂

Just one last thing, if I don’t want footers 5, 6, 7, 8 appearing, or the divider above it, is there a way I can do that?

Thanks!
Jamie

#134942 Copied

JamieG

Participant

July 28, 2016 at 17:10

Oops.. sorry, do you know how I can get all contact form fields to be full-width, upto the sidebar?

On this page: http://www.buypokemongoaccounts.co.uk/contact/

And then also align the ‘Send Request’ button to the left of the page?

Thanks again!
Jamie

#134944 Copied
Jack Richardson

Support staff

July 28, 2016 at 19:32
Hello,

if I don’t want footers 5, 6, 7, 8 appearing, or the divider above it, is there a way I can do that?

Go to Appearance > Widgets and add empty text widgets in the mentioned footer areas.
To hide divider above these footer blocks use this css code in custom.css:
```
.footer-hr {
    display: none;
}
```
how I can get all contact form fields to be full-width, upto the sidebar?

Try the following css code:
```
@media (min-width: 992px) {
#contact_container {
    width: 570px !important;
}
.contact-form input[type=email], .contact-form input[type=text] {
    width: 100% !important;
}
.contact-form textarea {
    width: 98% !important;
}
#contact_button {
    margin-left: 0px !important;
    float: left;
}
}
```
Best regards,
Jack Richardson.
#134955 Copied
Viewing 9 results - 1 through 9 (of 9 total)