Home › Forums › Weaver Xtreme Theme › Overlay slideshow with menu
- This topic has 15 replies, 3 voices, and was last updated 1 year ago by
plumcreek.
-
AuthorPosts
-
May 31, 2021 at 13:12 UTC - Views: 44 #68819
Maybe there’s a clever work around for this, I’m all ears.
Client wants the “Shop Recipes About Us” menu on the home page to overlay the slideshow. http://bethtest.com/
Only on the home page, it’s fine everywhere else. (Damn NYC designers!)
Here’s what is desired:
How can I make that happen?
TIA for your help, as always.
May 31, 2021 at 16:30 UTC - Views: 42 #68820scrambler
ModeratorAdding the rules below to the theme Global Custom CSS Rule box should do it.
/* moving menu on slider on home page */
.home.is-desktop #header {position:absolute;}
.home.is-desktop .menu-primary .wvrx-menu-container {background:transparent;padding-top:50px;}
.home.is-desktop .menu-primary .wvrx-menu > li > a {background:transparent;color:white;font-size:130%;}If not, post back with the rules in place
May 31, 2021 at 17:20 UTC - Views: 38 #68821plumcreek
ParticipantHave I told you lately how much I appreciate you? Because I do. I see I’ve been using this theme for almost 7 years and each time, every time I get stuck you have the answer for me. Thank you so very much.
May 31, 2021 at 18:30 UTC - Views: 38 #68822scrambler
ModeratorYou are welcome, glad I can help.
If you want to reduce the space between the top banner and the slideshow, you can set the space between title and content to zero globally in the settings, or you can add the rule below to only do it on the home page
.entry-content {padding-top:0;}
May 31, 2021 at 18:36 UTC - Views: 39 #68823scrambler
ModeratorAnd to move the cart image to the top of the slideshow, add the part in yellow to your orange cart button html
<a href="/cart/"> <img src="http://bethtest.com/wp-content/uploads/2021/05/cart.jpg" style="margin-bottom: -6px;"> </a>
May 31, 2021 at 21:02 UTC - Views: 33 #68824plumcreek
ParticipantOk, so now that you are reading my mind anyway…. LOL
How to move the Sign in and cart image all the way to the right, leaving the 10% off thing in the middle?
I really should learn CSS at some point. hee hee.
TIA!
May 31, 2021 at 22:03 UTC - Views: 30 #68825scrambler
ModeratorRight of the browser, or right of the slideshow?
May 31, 2021 at 22:12 UTC - Views: 32 #68826scrambler
ModeratorIf right of the slideshow, Add the Rule below in the Advanced options > HTML Insertion area > Pre wrapper area CSS rule box.
If there is already a rule in there just add the properties inside the existing rule curly bracket with a semi colon separation.
{max-width: 1100px;margin: 0 auto;text-align: center;}
Then replace the HTML in that area box by
<span style="padding-left:150px;"> 10% OFF YOUR FIRST ORDER WITH CODE: MILKIT</span> <span style="float:right;"><a href="/my-account/">Sign in</a> <a href="/cart/"> <img src="http://bethtest.com/wp-content/uploads/2021/05/cart.jpg" style="margin-bottom: -6px;"> </a></span>
May 31, 2021 at 22:19 UTC - Views: 26 #68827Weaver
KeymasterI’m sure this is still a work in progress, but note that if you leave the home page, you can’t easily get back to it.
May 31, 2021 at 22:23 UTC - Views: 25 #68828plumcreek
ParticipantYep. At this point I’m laying it out EXACTLY the way the high priced Manhattan ad team put it together. I get to show it off to the client tomorrow and then perhaps they will start believing me when I tell this this is something other than an ad campaign in a print magazine. LOL.
I’ll play more in the morning, time to go get some dinner.
If you can tell me two other things? Where is the Privacy Policy in the lower right corner coming from? I swear it’s driving me nuts.
Also, after the bottom section there those 3 menu options should be centered but it’s centering in the first column instead of as itself?
TIA!
May 31, 2021 at 22:29 UTC - Views: 25 #68829scrambler
ModeratorDashboard > Settings > Privacy
I don’t know that we can remove it, @weaver may know more
Your footer widget area is set for two columns, so you need to set it for one only (where the menu is)
June 1, 2021 at 13:51 UTC - Views: 18 #68830plumcreek
ParticipantSo weird, that corner Privacy Policy link. Thanks.
June 1, 2021 at 15:16 UTC - Views: 16 #68831plumcreek
ParticipantThe top now looks like they wanted it, thank you!
How do I ask @weaver if they know how to remove the privacy or by you tagging them that would do it?
June 1, 2021 at 15:33 UTC - Views: 14 #68832scrambler
ModeratorHe should have been notified and should comment at one point.
You can also check WordPress.org as this is a WordPress thing
June 1, 2021 at 21:21 UTC - Views: 11 #68841This reply has been accepted as the best answer.
The privacy thing is a core WP “feature” to help people comply with legal requirements. I believe it automatically creates a page called “Privacy Policy” when you install WP. I think if you delete that page, the info will go away. Otherwise, it is surrounded by an HTML wrapper with a class that you could create custom CSS to hide. This forum does not have a page called Privacy Policy, so it isn’t appearing in the footer.
June 2, 2021 at 22:31 UTC - Views: 6 #68856plumcreek
ParticipantHow dumb is that? Yep, I removed the page and it removed the link. Thank you so much!
-
AuthorPosts
- You must be logged in to reply to this topic.