Disable Banners on Homepage and just use Images?

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

  • Avatar: JamieG
    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.
    8 Answers
    Avatar: Robert Hall
    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

    Avatar: JamieG
    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&#8221; effect=”1″]

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

    Thanks again!

    Avatar: JamieG
    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

    Avatar: JamieG
    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

    Avatar: Robert Hall
    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

    Avatar: JamieG
    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

    Avatar: JamieG
    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

    Avatar: Jack Richardson
    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.

  • Viewing 9 results - 1 through 9 (of 9 total)

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

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