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

This topic is: Resolved

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

This topic contains 17 replies, has 2 voices, and was last updated by  Jacob 2 months ago.

  • Author
    Posts
  • #15651

    rmatt
    Member
    Post count: 19

    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
    Post count: 19

    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
    Post count: 19

    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
    Post count: 2571

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

    Login | Register | Forgot Password?

  • #15711

    rmatt
    Member
    Post count: 19

    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
    Post count: 2571

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

    Login | Register | Forgot Password?

  • #15714

    Jacob
    Staff
    Post count: 2571

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

    Login | Register | Forgot Password?

  • #15715

    rmatt
    Member
    Post count: 19
    This reply has been marked as private.
  • #15716

    rmatt
    Member
    Post count: 19
    This reply has been marked as private.
  • #15717

    rmatt
    Member
    Post count: 19
    This reply has been marked as private.
  • #15724

    Jacob
    Staff
    Post count: 2571

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

    Login | Register | Forgot Password?

  • #15725

    Jacob
    Staff
    Post count: 2571

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

    Login | Register | Forgot Password?

  • #15726

    rmatt
    Member
    Post count: 19

    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
    Post count: 2571

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

    Login | Register | Forgot Password?

  • #15731

    rmatt
    Member
    Post count: 19

    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
    Post count: 19
    This reply has been marked as private.
  • #15736

    Jacob
    Staff
    Post count: 2571

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

    Login | Register | Forgot Password?

  • #15737

    Jacob
    Staff
    Post count: 2571
    This reply has been marked as private.

You must be logged in to reply to this topic.

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