Forum Replies Created
-
Posts
-
Another question – is there a way for the hover effect not to cause the content and icon to jump down a few pixels? I would like the hover effect to be static.
Nevermind, I got it:
.service:hover { background-color: white; padding: 2px; border-width: 3px; border-style: solid; border-color: #00afef !important; }No, per the screenshot the blue background is supposed to show at the top and bottom as well as on the sides of the white area. I wish a grid could go in a color section, I know that would work perfect!
I tried that as well as
.toggle_container .toggle_content { color: #000; background-color: #ffffff; }Any other suggestions?
Here is what I found (in case anybody runs into this thread and needs help)
1. The code I provided for this issue is in a couple of threads in the site but csslint says you can’t have 2 IDs in the selector . Here is the code that worked for me:
#header_meta {
background: #78bde9 !important;
}2. You’re right, #2 works. I just had two ## before my hex code.
Thanks for the intro to the great tool!
Thank you for your help. I added that code to the CSS box under General Styling and I am not getting an option in the font dropdown for Work Sans New.
I am having a similar issue with Work Sans. I want to use the 200 and the 300 but I seem to only be getting the 100 and the 400. I uploaded the Google font for the 200 and the 300. I also tried the 2 additions to the CSS detailed in this thread:
@import url(‘https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap’);
add_filter( ‘avf_google_heading_font’, ‘avia_add_content_font’);
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Work Sans’] = ‘Open Sans:200,300, 400’;
$fonts[‘Work Sans’] = ‘Open Sans:200,300, 400’;
return $fonts;
}Right now I have selected Work Sans as the heading and body font in General Styling and used Advanced Styling to select the 300 version but I am getting the 100.
Thanks in advance for the guidance.
Sorry, one more thing. I am using the fullwidth slider for some mobile sections and it doesn’t seem I am getting the CSS right.
Here is what I tried:
.playfairdisplay-bolditalic-mobile .avia-fullwidth-slider .avia-caption-title { font-family: 'playfairdisplay-bolditalic' !important; font-size: 60px; font-weight: 700; font-style: italic; }We wanted a specific version of the font (Playfair Display bold italic 700) so I uploaded it via the custom font manager. Under general styling I have Work Sans selected because we are using that for some headers. Under advanced styling I applied the playfair display font to 3 header tags.
I don’t have a cache and minification plugin on the site. I cleared the cache on the host, WPEngine, and I am still having the same issue.
I will include screenshots of the variance between Chrome and Safari for your review.
Thank you for your help!
I implemented this code and it made the credit card field long enough to enter the full number but it is right aligned and hanging out of the box.
eddiescleanhands.com/checkout
