Hi,
Ok, thanks for the feedback. Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Please add ID #home to the top color section if that don’t work add a menu item “Home” in Appearance > Menu and we can hide it using CSS. That way the script will recognize different sections correctly.
Best regards,
Vinay
Hi Fabrizio,
Great, glad you got it working and thanks for sharing your solutions :-)
We don’t need to check your installation if you have all your problems fixed. We’ll leave the thread open in case you should have any further problems on the topic.
Best regards,
Rikard
zcl
What is the best way to add a sub-theme css styles are? Parent topic will not be upgraded version of the impact
Hi,
I have a two items I need help with.
1. I created a bread crumb shortcut [bread_crumb] per the tutorial and it works fine, but now I need to style it, but don’t know what to add to my custom css to do so. You can see the breadcrumbs on the page for the URL below. I want to remove the white background and the border, center it, and move closer to the text above. I have included a link to a screen shot with notes, too. I will need to know how to style this on mobile as well if it doesn’t resize. Note – it’s hard to see the white space on the image, but it’s clear when viewing the page.
2. On the same page I am using a partner/logo element. I have figured out how to put more space vertically between the rows, but I want to put more space between the photos horizontally as well. I used this custom css to change the space between the rows.
#top .avia-logo-grid .slide-entry-wrap {
margin-bottom: 20px!important;
}
Did not change anything….
The “box” or whatever it is that stores the testimonial IS centred but both the photo and text seem to be aligned to the left within that, leaving a lot of “dead” space on the right.
what did seem to change the placement of the text is this:
#top .avia-testimonial-content {
font-size: 20px !important;
line-height: 30px;
text-align: center!important;
}
BUT – this made the text centred in its own box, which looks strange AND the photo is still stuck on the right…
Here is a screenshot
In the Private Content you can see the page source
Thanks
D
-
This reply was modified 9 years, 6 months ago by
Yigit.
Hey apremierdj,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}
.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}
Best regards,
Vinay
If you goto http://respectacle.wpengine.com/ (hosted on WPengine) and you will see a section called Eyecare. Blow this there are two sections “Examinations” and Contact “Lenses”. What I wnat is to ensure that both “Read More” buttons are aligned whether viewing on desktops or iphone or tablets and i can seem to get these the same I have been using:
.avia-builder-el-60 .avia_textblock, .avia-builder-el-66 .avia_textblock {min-height:280px!important;}
This works on desktops but not on tablet or iphone can you help me please.
Many thanks
Pete
Hi, I’m using a grid (2 columns wide) with 2 image in each column. Can you help me remove the extra space between the images within each row? (I adjusted the grid setting to eliminate the padding to the top/bottom/left/right, but that did not change the spacing between the images in each column).
I also searched the forum for css to fix, but couldn’t find a solution…
Thank you! Great theme! Great service.
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .av-large-testimonial-slider .avia-testimonial-content {
text-align: center!important;
}
Regards,
Yigit
I spent the last 3 hours and after setting up 3 API keys – none of which worked – also tried the Google API Plugin.
Note: After updates of WP – Enfold – all plugins – this was when I noticed maps stopped working. Originally I had Google Maps Widget Plugin installed. I used that Widget for my primary map areas. I had also used Enfold Maps Widget.
Not sure exactly what/why it worked but I deactivated Google Maps Widget plugin and Google API Plugin. Then Enfold Maps Widget worked. I prefer Google Maps Widget for easier display, etc.
So after Enfold Maps Widget worked, I reactivated Google Maps Widget plugin, and I REMOVED the API key and now they both work.
Just FYI, I tried the API key in Google Maps Widget settings, Google API Plugin and Enfold Google Services – didn’t seem to work in any combination – only when I removed it.
Hope this helps someone
Hey Andy, naja, genau darum gehts.. wenn ich eingeloggt bin, also wie du jetzt in deinem Screenshot ist alles einwandfrei.
Das hab ich ja auch nie bemängelt, versuch das ganze jetzt doch mal als “gast” also eben NICHT eingeloggt dann taucht das Poblem auf. :)
Das Anpassen wäre nicht das Problem, ich muss lediglich folgende Werte korrigieren und es wird ohne Probleme auch für “Gäste die nicht eingeloggt” sind ordentlich angezeigt.
#top #review_form #respond .comment-form-rating {
position: absolute;
right: 15px;
top: 30px;
}
zu:
position: relative;
right: 0px;
top: 0px;
Denn genau darum geht es.. laienhaft korrigieren kann ich schon ein wenig.. aber is it a Bug or a Feature?
Und zum Rest.. danke… dann hab ichs einfach falsch aufgefasst .. sorry dafür !
Gruß
Dennis
-
This reply was modified 9 years, 6 months ago by
dfarin.
Hi,
try to use this code inside Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
width: 110% !important;
}}
and adjust as needed.
Best regards,
Andy
I think I understand now why Kriesi calculates the image the way he does, ’cause the calculation has to work no matter where the parallax section sits. E.g. if it is NOT the first row on a page, the image indeed has to cover the whole browser height.
I am so used to having the first row as parallax image and a transparent header on top, that I didn’t think about it more.
BUT, that doesn’t mean you/he shouldn’t consider applying another calculation for the first row (the header section if you will), because there the image always is smaller than the parent section and so it’ll always cut of the bottom.
Hey robphat!
Please add following code to Quick CSS
#top .social_bookmarks li:hover a {
background: transparent !important;
}
Best regards,
Yigit
See http://theqmart.com/
How do I remove the hover effect from the social media icons? I did a workaround to easily replace the social icons by :
Targeting: li.av-social-link-facebook a and making the font transparent and changing the background to my own icon centered with no-repeat
Then I targetting: li.av-social-link-facebook a:hover and changed the background to a slightly larger image of the same custom icon
But the background circle that still shows up when I hover over each social icon is still there. I’ve searched and searched and I can’t find what to target to stop that hover effect.
Please let me know how to do that.
Hello,
I’m hoping you can help me. Everything seems to be working fine on desktop versions of the site. But when I go to look on mobile with cloudflare enabled, there is no homepage layerslider, no built-in page slider (like for the Sponsors slider), and no WooCommerce items on display.
It appears to be an issue with all javascript on the site. Please help!!
Thanks!
Hi,
I’d really like to add mobile phone and landline icons to the Social Profiles theme settings, so:
- they get displayed alongside the social icons with the same formatting
- on mobile, they show up at the top of the site on all pages
I’ve used your guide to add a ‘Mobile’ option to the Social Profiles:
function avia_add_custom_icon($icons) {
$icons['mobile'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue8ac');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_social_icon($icons) {
$icons['Mobile'] = 'mobile';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
The problem I have is that the Social Profile field doesn’t seem capable of accepting
<a href=”tel:123456789″>123456789</a>
Can you advise how I can get this to work, or offer any suggestions for a different route to achieve the same thing?
Thanks!
Page here.
I want to stop DoNotShow and NewsTicker categories from appearing in the ‘Categories: Archive by Categories’ widget dropdown list in the sidebar.
I had seen that recommended fix at the top of this thread. But, when the fix is applied in: enfold-child >includes >admin >register-portfolio.php, it does not work. It does, however, work in the parent theme. And, that would be a problem on future updates.
Also (for those following this thread), there are 2 terms to find/replace with the preferred: “Portfolio Items” and “Portfolio Entry”.
Hi wahyudotasia!
#top .alternate_color.title_container .main-title {
pointer-events: none;
cursor: default;
}
Add the following to the Custom CSS and let us know if it is what you needed.
Please also make sure to clear the cache that is active!
Thanks a lot
Cheers!
Basilis
Dear Support,
https://kriesi.at/support/topic/blurry-logo/
regarding to this link, finally, i upload .svg to solve my problem, closed ticket, thank you!
San
Hi Rikard, thanks for replying. I did try all the suggestions at and I have provided login details in my opening post.
Some others joined this thread as they are having the exact same issues and apparently none of the suggested solutions worked out (at least not for me). I tried other posted solutions as well that I found in other recently opened topics but no luck.
Could you please take a look at my website and see if there is another solution then the ‘standard’ ones?
Hi Susan,
Sorry for not being able to help you out more, let us know if you should need any further help on the topic.
Thanks,
Rikard
Dear Support,
Regarding to the above case, i have same problem, would you please advise how can i do it???
I have to upload double size already and custom the header height setting, it’s still seeing blurry logo.
Please advise
Kind regards
San
https://kriesi.at/support/topic/integration-problem/ and also on this topic that do not receive answers from moderator for days already. my patience and time is over. start to do something, I paid for serious support not for guessing.
Hi honestgraphics!
Replied you here – https://kriesi.at/support/topic/get-tunein-radio-social-icon-in-social-icon-area-in-header-and-footer/
Please do not create duplicated posts as it is making it harder for us and for other users to follow
Regards,
Yigit
Hi. I am looking into resdesigning wizs.com using enfold at test.wizs.com.
We use the WP Ad Pro plugin and are very happy with it is very important to use to keep using it. The functionality with this ad plugin is on par with what you provide in Enfold. :)
1. I can not figure out how to get the header ad to show up right. No matter what I do, the ad is either too small and/or in the wrong place.
2. I am also trying to do 2 seperate background ads. (1 on the left side and one on the right side) The only way I have been able to get them to come up so far is to make the screen be full width. (we are not looking to create a full width website at test.wizs.com.) So if I have to make the screen be full width so the background ad will work, then I want to make it appear that it is not full width. (i.e. let the 3 middle columns be wider to result in those middle three columns being the the total width equal to that of the non-full screen site (eg: 1130px) The top menu, logo/header area, footer area, and socket area all would need to be restricted to that width as well.
both ads are not showing up right. I know its how I am trying to do it in the enfold part of the site.
I realize the ftp info is blank in the private contact box. I have to get that from my developer. When I do, I will either reply or edit this post.
Thanks,
Jeannie
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#footer .avia-smallarrow-slider {
margin-top: 0;
}
#footer .avia-smallarrow-slider img {
margin-left: 0;
margin-right: 5px;
}
#footer .slide-entry.flex_column {
width: auto;
}
Best regards,
Yigit