Laurencecrew

Thanks Hannah,
I checked the rest of my CSS and the culprit was #pageheade a ] instead of } as you can see following. Interestingly all the other code worked even the incorrect syntax line.
#kad-banner {
position: fixed;
width: 100%;
top: 0;
z-index: 999;
padding-top: 20px;
}

#pageheader {
min-height:500px;
]

.titleclass h1{
text-shadow:2px 2px #000000;
}
Once again thanks for your prompt help.

Thanks Hannah,
That did the trick. I used

@media (max-width: 992px) {
.headerclass {
margin-top:0px;
}
}

I also had to remember, to turn off Jet Pack WP Super Cache and clear it, before I could see it take effect.
Once again excellent support
Many thanks
Laurence

Hi Hannah,
Thanks for the prompt reply but unfortunately, that didn’t work?
Laurence

Sorry for the delay but I can’t send a link to a website page, as I only have it as a local installation, on my laptop. Here’s a screen grab link illustrating the gap. https://www.evernote.com/l/ABgVnMUB1StB4ILcMotd0HoP-OGeLrynN3k/

Kadence Themes has sorted it out apparently I was the wrong CSS. You can follow the thread here
Read this post on the forums: https://www.ads-software.com/support/topic/virtue-page-builder-and-easy-google-fonts?replies=12#post-6789046

I see or should I say I don’t see but I`ll take your word for it. It’s very confusing for a novice like me. I was attracted to Easy Google Font’s (GEF) ability to change font properties without knowledge of CSS and came across the plugin from the Tessaeract theme but much preferred the Virtue Theme, which I had been using before and thought it would be great to use GEF with it and that’s, through my ignorance, is where my problems started. I then checked it out with other themes same problem and thankfully due to your efforts you’ve identified the reason and I’ll be able to continue using Virtue and GEF. I’ve found Virtue to be a great WordPress theme and am very satisfied with it. Once again thanks for sticking with me and sorting this.

As you’ve gathered I know very little about CSS and it would appear that the Tessaeract theme instructions (which introduced me to Easy Google Fonts) has confused the issue. So thanks for putting me straight and all your help with this.

So do you mean go to Appearance, Advance in the Virtue Theme and add
span {
display:inline-block;
}
in the Custom CSS Box and if so, will it not effect anything else adversely, in the Virtue Theme?

Well this is very odd as the span class works in the Tessaeract theme allowing bottom and top margin to be added with Easy Google Font. As you downloaded the plugin and got it to work with display block or inline-block, please show me an example of the CSS you used?

Can’t send a link to a website page, as I only have it as a local installation, on my laptop but it the same problem using Kadence Virtue, Pinnacle and Site Origin Vantage (maker of Page Builder)themes. Top and bottom, margin/padding doesn’t work but left and rigt does along with the other controls/settings? However it does work on Tessaeract theme and Page Builder by Tyler More which makes me think there must be something in these themes preventing top and bottom margin/padding being added? The plugin is readily available through the WordPress, Add a new Plugin.

Can’t send a link to a website page, as I only have it as a local installation, on my laptop but it the same problem using Kadence Virtue, Pinnacle and Site Origin Vantage (maker of Page Builder)themes. Top and bottom, margin/padding doesn’t work but left and rigt does along with the other controls/settings? However it does work on Tessaeract theme and Page Builder by Tyler More which makes me think there must be something in the other themes preventing top and bottom margin/padding being added?

I should add it is only the top and bottom margin/padding that’s not working (right and left does along with everything else) in Theme typography – when a css selector has been set e.g. <span class=”headline”>Sample Text</span> – in Visual Editor, in text mode. In default typography everything is working. Any idea why in the Virtue theme this is happening and a possible work round?

Depends whether your familiar with Google Easy Font Plugin, if you are you’ll know to adjust specific text, as opposed to theme text (which works OK in Virtue with all it’s features), it is necessary to use CSS selector e.g. <span class=”headline”>EXPLORE </span> in Visual Editor, in text mode and then this text is available to adjust. When you do this in Virtue the font, size, color, left, right, letters spacing all work but top, bottom, margin and padding doesn’t and I wondered if there was something in Virtue coding preventing this and if there was any way to get this work in virtue, as it does in other themes?

Thanks for the reply, great plugin, look forward to your future versions.

OK, using Simple Custom CSS plugin, I used the following
.home-headline {
text-shadow: 2px 2px #F1F1F1;
background-color: rgba(255, 255, 255, 0.50);

I had to remove the background color in Easy Google Fonts for the above to show.