Wondering what bit of code controls the space under the Header area on the Home Page of the Vantage Theme. I’ve gone through the CSS and checked the Header.php, but have not been successful in identifying it.
I’m including a picture of the area in question.
Cheers,
Rob
Hmm… not certain I can include an image.
Hey Rob
Thanks for reaching out.
Add the following to Appearance > Custom CSS:
/* Home */ .home #main { padding-top: 0; }Using your browser’s inspector is the fastest way to find CSS rules in use. If you’re interested we cover that here: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
(You can include images by using an HTML img tag but need to host the image somewhere else. Something on our list to improve.)
Hello Andrew,
Unfortunately that code didn’t seem to work.
Here a link to a picture of the space I’m trying to manipulate:
http://gone-adventuring.com/TEMP/home-page-space.jpg
Thanks for the advice about the inspector. I am quite familiar with it, but in this case I couldn’t identify what code is controlling that particular space. I made several attempts without any results.
– Rob
That is a tough one. How is the slider being added? I can’t see the #main-slider div I’d expect to see. Has the slider been added from Appearance > Theme Settings > Home > Home Slider?
Sorry for the delayed response. I’ve been a bit tight on time this week.
I have to admit, I am just learning about WordPress and don’t know what a slider is. I would normally think it’s a scroll bar or part of a slide show. But I am guessing it’s the blog feed, perhaps?
Whatever the case, I never added a slider to the home page. I just activated the theme and the layout appeared as it is on the site. I have manipulated the images and other settings (because I know html and css), but any WP-based functions fall in the category of “learning curve.”
Here’s a screenshot of the Appearance > Theme Settings > Home > area of the dashboard.
Maybe it will shed some light on this mystery… http://gone-adventuring.com/TEMP/slider-thingy.jpg
fyi – Taking the screen grab was the first time I have ever seen this area. :-D
Cheers,
rob
UPDATE: Okay… I added the Meta Slider. That’s the image slider on the home page.
I’ll take a peek to see if there’s padding code in the CSS for meta slider.
UPDATE 2: I did not find any code in the MetaSlider css to close that gap.
Hi Robk303
Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
Hi Andrew,
Sorry for the delay. This fell down the priority list for a few days.
I will add you as an admin per your instructions.
Thanks.
Thanks :) If you don’t see the WordPress email appear on this thread you can send them manually using the Private Reply checkbox below the comment field.
Oops, I forgot to set you up before I set out on my latest Adventure.
I just set you up, so check your email for the login info. Thanks.
Apologies for the delay. You’ll be able to see emails come through here too. Doesn’t look like anything arrived. Apologies for the hassle. Perhaps a Spam filter issue. Please, could you post the login details here using the Private Reply checkbox below. Once we’re sorted you can delete the user account.
Thanks :)
Hi Andrew, I sent an email to the email address. Since it doesn’t appear to have made it to you, I’ll try the private message here on the forum. Let me know if that works.
Sorry about the hassle.
Standing by.
This is a private message.
Got it. Thanks.
Sorted. I restored header.php to it’s original code. Went to Appearance > Theme Settings > Home and selected your Slider 1 there.
Keep in mind that all WordPress.org themes completely overwrite their own theme folder during theme updates so changes made via Appearance > Editor are not update safe unless that file has been copied to a child theme. If you’ve edited other files, please, let me know and I’ll assist in recovering.
Thank you, Andrew. However, I must admit I have no idea what you are talking about. I don’t recall doing a theme Update and I thought I replaced my Slider with the MetaSlider.
Is there a way to manipulate that space rather than completely discard it?
My original intent was a few pixels or perhaps a small colored bar in that area.
No problem :) Let me put it another way. At some point, someone went to Appearance > Editor, clicked header.php and replaced the original slider function with their own. This isn’t necessary for what you want. The default slider / Vantage integration works for your purposes.
IF we released a Vantage update and you ran it your change would have been lost.
To add a gap there for the home page only, go to Appearance > Custom CSS and insert:
/* Home */ .home #main { margin-top: 10px; }Adjust as required. OR to add a gap there and make it global (might not make sense so first option is probably best):
/* Home */ #main { margin-top: 10px; }Adjust the value as required.
Having restored header.php to its original contents you can now change your home slider from Appearance > Theme Settings > Home. If we had left header.php as it was you would have had to have made that change manually in the code that was edited.
That code worked perfectly. Thanks again.
For sure :) Glad we could help.
All the best.