Adding content (slider) to same section that hero banner is located

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

Status: resolved
  • This topic has 17 replies, 2 voices, and was last updated 2 y, 6 mo by  Jacob.
Viewing 17 reply threads
  • Author
    Posts
    • #15651

      rmatt
      Member

      I am delighted with the Sparkle Theme and am enjoying it very much!

      My question: is it possible to add full width content in the same section as the hero banner, but above it? I wanted to add a slider.

      I was able to find code for

      .site-hero .container{
      width: 100%;
      }

      and liked that, so I thought if I could pop the slider shortcode in the right spot, I would achieve what I needed. Thank you in advance!

    • #15652

      rmatt
      Member

      Also, I noticed that on your demo, the content below the hero banner is the same width as the hero banner. I would like to achieve the same look, how would I do that? I understand that this might be a different answer to what I just asked first, but would like the answer to both.

      Thank you.

    • #15696

      rmatt
      Member

      Through some trial and error, I was able to achieve what I was aiming for: adding a full-width slider to the top of the website.

      I added the shortcode for a webslider in the Sparkle>Theme Options>Styling Options>Advanced Settings>Ads Manager> in the “After Header” section.

      Then I added this CSS code to Sparkle>Theme Options>Styling Options>Custom CSS

      .site-head-ads .container{
      width: 100%;
      padding-left:0;
      padding-right:0;
      }

    • #15707

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #15711

      rmatt
      Member

      Hi Jacob!

      You can see here what I am attempting to do, I am still heavily in draft mode! (you can also see how the category tags are all the same color). https://www.cavvyott.com/

      I managed to add a full width slider in the top ads field, but then realized that would be overkill on every page. I did not see where the hero banner allows a single slide (which the hero banner only targets ideally the home page). I also like the artistic flexibility with a slider plugin for that section.

      I suppose the only solution is to enter the shortcode directly in the index.php file?

      I did experiment with the code to force the hero banner full width
      .site-hero .container{
      width: 100%;
      }

    • #15712

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #15714

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #15715

      rmatt
      Member
      This reply has been marked as private.
    • #15716

      rmatt
      Member
      This reply has been marked as private.
    • #15717

      rmatt
      Member
      This reply has been marked as private.
    • #15724

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #15725

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #15726

      rmatt
      Member

      Good morning, Jacob!

      I gave it a shot and inserted the code in the custom-functions.php file. I was not sure what to expect, but I did not find anything new waiting for me in the Little Sparkle>Theme Options area. I did refresh the page, and save again. Hope this is an easy fix?

    • #15729

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #15731

      rmatt
      Member

      I can! I don’t know if I didn’t notice it before, I was probably looking in the Hero Banner section. THANK YOU!!!

    • #15732

      rmatt
      Member
      This reply has been marked as private.
    • #15736

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #15737

      Jacob
      Staff
      This reply has been marked as private.
Viewing 17 reply threads
  • You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

© Copyright 2020 by wpthms.com. All Rights Reserved.