Hi I’m trying to move the search icon from the main menu bar to the secondary menu bar. I’ve followed the instructions in this post, but I’m not getting it to work.
https://kriesi.at/support/topic/move-search-icon-to-secondary-menu/
Amanda
Hi,
when I edit the advanced styling – main menu links to another colour
the search icon becomes also the background color when you hover it with the mouse!
–
But I still want It to stay in theme mode without a color backgroud …
What can I do, find no option in the Advanced Styling settings
And how can I edit the social Icons in the Top bar and footer to quadrangular?
Is there a option too?
Many thx for help
best regards
Tobias
Hey ping-pong!
We cannot see the screenshot you uploaded.
Please use the below css in Quick CSS
add !important before ; to the gradient property.
#header {
background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 )!important; /* IE6-9 */
}
If the above don’t work for you please upload the screenshot to dropbox and share the link here.
Regards,
Vinay Kashyap
Hi Yigit
I need to add Google remarketing code I am not using a child theme on the site so where can I add the code in the functions.php. I have seen this post – https://kriesi.at/support/topic/add-google-remarketing-code/ but i am not sure where to add the code in the complete function.php file.
Hi Allegrif!
Please use the below CSS in Enfold > General Styling > Quick CSS
.content {
padding-top: 0px!important;
padding-bottom: 0px!important;
}
Regards,
Vinay Kashyap
Hi tlchase!
We cannot see any special heading element on the link provided. Please share the link where we can inspect the element in question.
You can try the below css in Enfold > General Styling > Quick CSS
.home_special_heading_top .av-special-heading-tag{
color: #000 !important;
}
Best regards,
Vinay Kashyap
I’ve found the issue. I’d removed the commented out section at the top of the style.css file. Didn’t realise it would have a drastic effect.
I tried reinstating the code, but it reverted back to the original styles from a week ago. Happy to leave it the way it is actually. Hope it won’t have any addition problems in the future without the code.
Thanks for your time anyway.
Christian
Hey!
The login credentials you’ve provided do not work please send us working login credentials with user role as ‘administrator’ to resolve the issue.
However the below code has been tested on our installation and it works perfect! It will enable the scroll to top link only on the mobile screens and disable on tablets and desktops.
Before adding this code please remove all related codes added earlier so there is no conflict.
@media only screen and (min-width: 769px) {
#scroll-top-link { display: none !important; }}
@media only screen and (max-width: 768px) {
#scroll-top-link { display: block !important; }}
If you still have any issues please send us working login credentials :)
Best regards,
Vinay Kashyap
Hello Kriesi,
Thanks again for a great theme =)
I have been looking around at the forums and inspecting the Special Heading element in Chrome and tried the below CSS to have all the Special Headings the same custom color:
.custom-color-heading .av-special-heading-tag, #top .custom-color-heading a, #top .custom-color-heading strong, #top .custom-color-heading .special_amp { color: #b6862c;}
I tried adjusting the special-heading-inner-border however it only seems to change the special characters in the Headings.
Please let me know what i need to adjust above.
Site can be found below
Thank you!!
Hey!
Thanks for getting back to me!
Add this code as well:
#top .av_header_transparency #header_meta {
background: rgba(0,0,0,0.20);
}
That should display the same color as the main menu before they both scroll.
Cheers!
Jordan
on Ipad only, there is now an extra menu at the top and a little hamburger looking symbol below that at left. Any idea what’s causing that?
http://gloriettapwds.com/
thank you
gary
Hi there,
I have a fullscreen slider at the top of my page. It was working just great, but for no apparent reason it’s suddenly stopped displaying images.
– Text is coming through OK, although it’s white on white I can see it in Chrome inspector
– The images themselves can be served OK through a different widget
… but fullscreen slider refuses to display them on the page, either on desktop or mobile.
How can I troubleshoot this issue?
:-) Forgett about question number 2. Even I dosen´t understand what it was all about
I just recognised that I been reading support answers from 2010 and maybe thats a problem.
#top.single-post .big-preview.single-big {
display: none;
}
Did remove the image from single Blog posts. But I also want to removen them from the blogpage?
AND just one more thing – how can I move the tags up underneath the date, categories etc.
For now I think thats all :-)
//Micke
Hi lome61!
So to be clear, for those 2 questions:
1. You want to remove the image to single posts:
https://kriesi.at/support/topic/how-to-remove-featured-image-inside-single-post/
and then 2 is… What exactly? :D
Regards,
Basilis
Hey!
Posting to a topic again and again, just bring it back to que and we miss it, that means we can not reply at all.
I have translated the string for you, please clear cache and let us know if it is ok.
Regards,
Basilis
Hey fotofaber!
I guess u have removed your question or something might be wrong.
I will do close the topci, please feel free to let us knwo if anything needed.
Cheers!
Basilis
Hi!
Please go to Enfold theme options > Header > Header Behaviour and check “Unstick topbar”
Regards,
Yigit
Hi!
Please add following code to Quick CSS as well
#socket .container {
border-top: 1px solid black!important;
}
Regards,
Yigit
Hi!
Please add following code to Functions.php file in Appearance > Editor
function avia_custom_magnific(){
?>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.white-popup').magnificPopup({
type: 'ajax',
alignTop: true,
overflowY: 'scroll'
});
});
</script>
<?php
}
add_action('wp_footer', 'avia_custom_magnific');
Cheers!
Yigit
Ok. Is it possible for the color change to only happen on the Contact page widget, rather than in the top header as well?
Also, there is now approx 5px of spacing between the icons on the Contact page. would be great if there was no spacing like before we changed color. Is this possible? See below for link to the Contact page on our dev site.
Hey brogilberto!
Please add following code to Quick CSS
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
#top #wrap_all .av-social-link-youtube a {
color: #fff;
background-color: #a72b1d;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-mail a {
color: #fff;
background-color: #9fae37;
}
Cheers!
Yigit
Hi guys,
Sorry, I think you missed the quick question in the middle of my last topic: https://kriesi.at/support/topic/adding-social-icons-into-text-widget/
“As well, it would be great to have those icon colors that you see on mouseover “on” all the time, instead of grey to start with.”
Is this possible? Thanks so much!
“
Hello. Let’s say you find an element like this, that you would like to add to your Enfold website. It comes with HTML, CSS and JavaScript. I’ve gotten to the point where the content is displayed on the page, but there is no styling and I don’t yet know if the JavaScript is working.
I’m using the Enfold Child Theme. Here are my steps so ar…
1. Download the source zip (HTML, CSS and JS)
2. Insert a Code Block on the desired page and paste the provided HTML
3. FTP the provided CSS and JS folders to wp-content/themes/enfold-child
4. Using the following post from Enfold support, use functions.php
to register the script: wp_register_script( ‘cbpFWTabs’, $template_url.’/js/cbpFWTabs.js’, ‘jquery’, “1”, true);
and link the script: wp_enqueue_script( ‘cbpFWTabs’ );
I’m not sure how to apply the CSS, outside of using Custom CSS within Enfold.
Thank you,
Ryan
Hi guys,
I’ve seen numerous posts on this topic: https://kriesi.at/support/topic/place-social-media-icons-into-a-widget/ but can’t quite figure out the right coding for the website I’m building, as it’s a slight different combo of social icons we’re using. I’m going to post you the link to our dev site (and contact page where I’m putting icons) below in private, and am hoping you could send me the html code to work in a text box on our site. Please note, that I don’t want to include the email icon/link from the header in the displayed icons here.
Thanks so much. LOVE YOUR THEME!
D
Hi!
Glad I was of help! Feel free to start a new topic if you have more questions and need assistance.
Regards,
Jordan
Hey mrijnders!
I could not see an element with custom “kenniscentrum” class on your page. If you would like to target this page, please use the code as following
.page-id-134 .av-special-heading {
margin-top: 0px !important;
}
Regards,
Yigit
Hi vossenm!
Thank you for using our theme.
In custom.css or Enfold -> General Styling -> Quick CSS field (or when using a child theme: in styles.css of the child theme or Enfold-Child -> General Styling -> Quick CSS field) try to put the following in this sequence:
.parent-pageid-3983 .scrol-top-advanced {
display: block;
}
.scrol-top-advanced {
display: none;
}
Cheers!
Günter
Hey!
well of course you need to add this code, to call the new classes:
@media only screen and (max-width: 767px) {
.only_desktop {
display: none;
}}
Same for the other classes.
Cheers!
Andy