I have been building a new site with Vantage for the past few weeks and have three issues I haven’t been able to figure out on my own:
1. I installed a plug-in called “Image horizontal reel scroll slideshow ” and figured out how to place the scrolling slideshow in the footer. But, in the footer, it appears on every page in my site. I want it to appear ONLY on the homepage. How do I do that? It doesn’t need to be in the actual footer of the homepage (which I don’t really need at the moment), but I do want it below the main content (the Meta Slider images).
2. None of my PNGs or GIFs are appearing with a transparent background. (The same files ARE transparent on other themes, so the problem is not with the files.) How can I get them to be transparent?
3. How do I reduce the height of the banner, so it doesn’t eat up so much screen space?
Nice theme, by the way. Good work! I may upgrade to the Premium.
Thanks.
Jerold
Hi Jerold
1. Use Jetpack plugin and the Widget Visibility module within that plugin to control your widget appearance:
http://jetpack.me/support/widget-visibility/
2. There is an option under Appearance > Customize > General to remove the image shadow and rounding. In Vantage Free you could insert the following into a module like Jetpack Custom CSS:
/* Vantage Remove Image Shadow and Rounding */ .entry-content img { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important }3. Header padding is also in the Premium Customizer. To change header padding in Vantage Free, insert the following into your Custom CSS module:
/* Vantage Header Padding */ header#masthead .hgroup { padding-top: 35px !important; padding-bottom: 35px !important; }And adjust the numbers there as required.
Andrew,
Thanks for the reply, but I’m still stumped.
Question 1. I activated JetPack and followed the link you provided. But I can’t find any way to open the Widget Visibility module. Where do I do that? How? I found some instructions that say “To control visibility, expand the widget and click the Visibility button next to the Save button, and then, choose a set of visibility options.” But how do I expand the widget? What does that even mean? Where do I do it?
Also, when I try to add the widget on the homepage using Page Builder, the widget I want isn’t listed and I can’t find a way to include it in the list. But it IS activated in my account.
Questions 2 and 3: Are you saying these things can be done more simply with the Premium theme, without having to mess around with custom CSS modules (which are Greek to me)? Old dog learning new tricks here. If so, I will definitely upgrade to Premium because I know it also does some other things I want to do.
If you can help me get this widget issue solved, I will be VERY grateful. Thanks again.
Jerold
For sure.
1. Go to Jetpack > Settings and ensure that Widget Visibility is activated. Next go to Appearance > Widgets and open any widget that’s already inserted in a widget area. Opening means clicking the heading which expands the widget so you can edit it. Right next to the Save button you’ll see a Visibility button.
2. Not all widgets successfully render in Page Builder. If one doesn’t, it’s up to the developer to make their plugin Page Builder compatible if they wish to. Have you tried searching for your widget using the search field in the top left, that’s the best way to find widgets.
3. Yes, the CSS I provided can be avoided in Vantage Premium. Remove image shadow and rounding is under Appearance > Customize > Page and header padding is under Appearance > Customize > General.
Andrew,
Okay, here’s my problem. Widget Visibility is activated, but there is no Visibility button in any of my widgets. I’ve opened a bunch of them. Nada. Any idea what’s going on?
At least I presume Widget Visibility is activated, because when I go to JetPack/Settings and hover over Widget Visibility, I see an option to deactivate it. And it appears in the list of active modules.
Thanks again.
Jerold
To confirm, you won’t see this option in Page Builder, only in the regular Appearance > Widgets area. And widgets must be added to a widget area before you’ll see the button. Below is what you should see:
Andrew,
I think I see the problem. It may be something funky about this particular widget — because when I add other widgets from Appearance/Customize/Widgets, I see the Visibility button. But no Visibility button appears when I add the widget I’m trying to use. I will search for another widget that does what I want, but could you take a look at the plug-in called “Image horizontal reel scroll slideshow ” and see if you can get it to work with Visibility? I’d prefer to use this widget since I have already figured out everything else about it.
Thanks again.
Jerold
Andrew,
I think you can ignore my previous note. I pasted the short code for the widget onto the homepage and removed the widget from the footer. It works fine now, except the background isn’t transparent. I am going to pay for your premium theme now so I can set all backgrounds to be transparent…and I’ll hope it works for this scrolling list.
Thanks for all your help. I hope you don’t hear from me again.
Have a great new year.
Jerold
Andrew,
Okay, I bought the premium theme and have gotten most things to look the way I want them to. Two (hopefully) final questions for you, though.
1. I see how to change the Site Title font, but how do I change the Site Title color?
2. How do I change the color and size of the header text?
Thanks.
Jerold
For sure.
1. This does require Custom CSS. Insert the following under Appearance > Custom CSS:
/* Vantage Site Title */ header#masthead .hgroup h1 { color: #666666; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }The list of fonts are fall-backs. This site can help getting those: http://www.cssfontstack.com/. Edit the above as required.
Which header text are you asking about? The page title on each page can be edited from Appearance > Customize > Fonts: Page Title Size and Page Title Color.
Andrew,
The Custom CSS code did the trick for the site title color. Thanks.
The Header Text I want to change the font size of is here: Appearance/Theme Settings/Logo/Header Text. If this also requires CSS code, please just send it to me. (Copying and pasting are within my skill set.)
One other question: Where is the tagline supposed to appear? When I enter some text there, it never shows up anywhere.
Jerold
Andrew,
A new question for you: Why does the “slug” change when I edit pages? I noticed, for instance, that the slug for my FAQ page got changed from “faq” to “faq-4”. This creates messy URLs. Even worse, I found out the hard way that when I change the slug back to the original, it screws up all the links from that page. Is there any way to prevent it from renaming the slugs?
Thanks again.
Jerold
Glad that helped. Vantage unfortunately doesn’t render the tagline. The header text can be styled as follows:
/* Vantage Support Text */ header#masthead hgroup .support-text { color: #4b4b4b; font-size: 13px; font-style: italic; }Your slugs shouldn’t change without reason. Go to Pages > Trash, make sure you don’t have three FAQ pages still there. If you delete theme you should be able to set your FAQ slug page to “faq”. If WP is adding -4 on the end it’s because there are still three or four pages in front of that using the same slug.
Andrew,
I only had one page in my Trash (a folder I wasn’t even aware of before), and I deleted it. I don’t think that was the problem, but I’ll keep an eye open for slug changes from now on whenever I edit. Weird.
I pasted the above code into the Custom CSS page, but it made no difference. Might it be because I already have other code there (customizing the color of the site title)? Do I need to make a separate Custom CSS page for every change? I don’t think so, but I might as well ask.
I HAVE been able to change the color of the logo header text by adding HTML code to Appearance/Theme Settings/Logo/Header Text. But I can’t seem to change the size of the font there. This is what is in there now: Director of Market Research, Stanford Alumni AssociationPrincipal, eAdvancement
I actually removed the coding from there before I changed the Custom CSS page so as not to have conflicting codes, but I still couldn’t change the font size.
This isn’t the biggest problem in the world, but it would be nice if I could make the font a little bigger. Thanks.
Jerold
Oops. I just saw that I needed to add the “code” tags for you to see my coding. Here it is again:
Oops again. Wrong code. (The font-size was an experiment that didn’t work.) Here is what is actually there:
Sorry for the confusion. Thanks.
You can paste as many selectors as you’d like under Appearance > Custom CSS. After inserting the Header Text CSS I provided, did you make any changes? Just inserting it won’t change anything. Try changing the font size to say 20px to see if it’s taking effect.
If the header/support text CSS still doesn’t work for you. Please leave it in place under Appearance > Custom CSS so I can see what’s up.
Andrew,
Yes, I made changes to the color and font size of the Custom CSS code you gave me, but it makes no difference. As I said, I was able to change the color (but not the font size) by adding HTML tags to Appearance/Theme Settings/Logo/Header Text — but I removed the code from there again and pasted in your Custom CSS code (with different color and size) so you can hopefully see what’s going on.
Just to make sure you understand what I’m trying to change: It’s the text on the right side of the site banner that says:
“Director of Market Research, Stanford Alumni Association
Principal, eAdvancement”
Sorry such a little thing is taking up so much of your time. Let’s keep trying, but if we can’t get it ironed out without too much more effort, the world won’t come to an end.
Thanks again.
Jerold
Apologies, the CSS should have been:
/* Vantage Support Text */ header#masthead .hgroup .support-text { color: #4b4b4b; font-size: 13px; font-style: italic; }I missed a period in front of hgroup. Sorry for the hassle there.
Andrew,
Yee-ha! That did the trick. Muchas gracias. As you may have noticed, my site is fairly simple…so, unless I try to get fancy, I think all my ducks are in a row now and you won’t be hearing from me for a while.
Many thanks for being so responsive. I know you must have your hands full with all of your users with more complex issues, so your great help is much appreciated. I’ll definitely recommend your themes to anyone looking.
Happy new year.
Jerold
Awesome, glad that did the trick. Thanks for your support and patience, we’re happy to help out.
All the best.