Hey Florian,
add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->General Styling:
#top .title_container .container {
padding: 0px 0px;
min-height: 0px;
}
that should do the trick. Increase the height by changing the first padding value :)
Best regards,
Kriesi
Hi!
Add this in the functions.php file:
// auto trigger
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script() {
?>
<script>
(function($){
function getQueryParams(qs) {
qs = qs.split("+").join(" ");
var params = {},
tokens,
re = /[?&]?([^=]+)=([^&]*)/g;
while (tokens = re.exec(qs)) {
params[decodeURIComponent(tokens[1])]
= decodeURIComponent(tokens[2]);
}
return params;
}
var $_GET = getQueryParams(document.location.search);
$(window).load(function() {
switch($_GET['msort']) {
case 'engineering':
$('.engineering_sort_button').trigger('click');
break;
case 'marketing':
$('.marketing_sort_button').trigger('click');
break;
case 'operations':
$('.operations_sort_button').trigger('click');
break;
case 'sales':
$('.sales_sort_button').trigger('click');
break;
}
});
})(jQuery);
</script>
<?php
}
The icon link should look like this:
http://mysite.com/linktopage/?msort=engineering
You should add the “msort” query string plus the name of the category as value.
Best regards,
Ismael
Hi Andrea!
Thank you for using Enfold.
There is no author info by default if you set the blog layout to grid. You need to modify the postslider.php file if you want to display the author info: https://kriesi.at/support/topic/how-to-show-author-in-blogs/#post-603028
Cheers!
Ismael
Hey!
Where did you post the login details? Please set it in the private content field.
Thanks for your reply…but I’m still not sure where I should be changing things. Sorry! Is there a way for me to send you screen shots. On iPhone it still says that I need to set a fallback image for mobile.
Note that the background video is disabled on mobile because it will not autoplay. You have to add a fallback image.
Best regards,
Ismael
Hi,
I’m facing a slight issue with my layerslider not showing on my product overview page when using Woocommerce. I tried this solution but it doesn’t work. It just leaves a huge gap on top of the page.
Any ideas on what I am doing wrong?
Thanks in advance!
Cheers ,
Steven
Sorry, had to do with sidebars yes or no….
last days I my website do not show the text in startpage – and photogallerypage – Blog & impress do work ?!?
I often check the theme for Updates – und got up to day following msg:
“No Updates available. You are running the latest version! (3.1.5)”
Today I saw, there ist 3.5.4 availible ?!?
Why my updates stopped @ 3.1.5 and says, no update availible?
REALLY NOT GOOD !
updating manual now via Download from envarto market… I hope, it works now
Hey Red Rubber Media,
Thank you for using Enfold.
Do you want the 1/2 column to switch to 1 on iPad view? Please add this in the Quick CSS field:
@media only screen and (max-width: 1024px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100%;
}
}
Best regards,
Ismael
Hi,
It’s not working because you have this code in the Quick CSS field:
#top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 {
font-size: 24px;
text-transform: none;
}
Best regards,
Ismael
Hi!
Thank you for using Enfold.
Please refer to this link: https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/
And increase the max_execution_time value in the php.ini or .htaccess file as @ayshehab suggested.
Regards,
Ismael
Thanks Kriesi
I did everything and it seems to be fine. Now i install a cild version…
great work, you’re top
have a nice day
Hey joernbaenfer,
I guess you are talking about the 1px margin between each portfolio item?
Add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->General Styling:
#top .grid-entry .inner-entry {
margin-right: 0px;
}
If you want to get rid of the border around the portfolio title as well also add this:
#top .grid-entry .inner-entry {
box-shadow:none;
}
Best regards,
Kriesi
Hi
I would like to remove the arrow icon from product images from a product category on woocommerce when you hover over the image. Also stop the images enlarging when clicked.
I have used this code in quick CSS but it is not specific to a category. I can identify a page but not a category!!!
.image-overlay { display: none!important; }
and it does not stop the image enlarging when you click on it
Thanks
Rikard, thanks for that, nop turning plugins off did not solve the issue, apparently more people are experiencing the same:
https://wordpress.org/support/topic/visual-editor-not-working-in-wordpress-45?replies=23
Any ideas?
Cheers
Hi Ismael,
No, I didn’t install it as a separate plugin. However, Enfold 3.5.3 update didn’t update LayerSlider too. So I had to do it manually. Please check the following ticket: https://kriesi.at/support/topic/how-to-update-embedded-layerslider/#post-621865.
Regarding to the cache plugin, I’ve just added LayerSlider to its exclusion list, and the error still occurs.
Maybe the problem is related to LayerSlider update.
Thanks
The Post Slider on my site was working fine until 2 weeks ago, when it suddenly stopped working. I have tried to delete and reactivate. It is not a separate plugin, but part of the theme. I’ve tried other sliders, but can’t get the look I had with the old post slider and want that back. The site is all updated, but I can’t figure out why the post slider suddenly stopped working. Any help would be so greatly appreciated.
http://www.satiatepdx.com
Hello!!
So I am displaying a text in a fullwidth slider, which works fine on a desktop screen but cuts off the text on smartphones. I did check in the forum for solutions and found this code:
@media only screen and (max-width: 768px) {
.slideshow_caption { padding: 20px; }}
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
font-size: 14px !important;
}}
@media only screen and (max-width: 768px) {
.avia-slideshow-inner, .avia-slideshow-inner img {
height: 1000px !important;
}
}
.av_slideshow_full li img {
width: 150% !important;
max-width: 150% !important;
margin-left: -25%;
}
I changed it a bit and it does kinda work but now it still cuts off a little bit of the text. How can I tweak that?
Thank you!
Hi,
Sorry for the mix up, thought you wanted to change the text color. If it’s the background color you want changed, then please use the following code:
#top #header_meta {
background-color: #efefef !important;
}
Adjust the color to your needs.
Best regards,
Jordan Powell
Thanks Jordon but it doesn’t work.
I put in the following. The phone number color is correct and the right size font, but the background color of the top phone/social media bar color did not change. See private content below. Whatever color you make the menu dropdown hover, is the color it makes the top phone bar background. I need it to be a different color than the hover color. Not sure why these aren’t separate color choice settings. See site below. Thanks.
.phone-info span {
color:white !important;
font-size: 14px;
}
#top #header_meta .phone-info {
color: #8cc43d !important
Hey Karim,
Thanks for getting in touch with us!
You can add the following CSS to change the background of the header with the social icons to white:
#top .av_header_transparency #header_meta {
background-color: #ffffff !important;
}
Are you looking to add a custom social icon?
Best regards,
Jordan Powell
Hey!
Please try the below CSS in Enfold > General Styling > Quick CSS
#top .logo img {
width: auto;
height: auto;
max-height: 100%;
}
/* Responsive logo size */
@media only screen and (max-width: 756px) {
#top .logo img {
width: auto;
height: auto;
min-height: 60px!important;
}
}
Without us being able to see your site it’s going to be a lot of back and forth and we can easily avoid this if we are able to inspect the elements on your site. If you still have any issues we kindly request you to get back to us when your site is online so we can quickly inspect your site and provide you with accurate solution.
Regards,
Vinay
Hey yes9310,
Thanks for getting in touch with us!
To change the color of the phone info, please try the following CSS:
#top #header_meta .phone-info {
color: #ffffff !important;
}
Best regards,
Jordan Powell
You might want to join us over in this thread and see if Enfold can help us solve this problem…. and perhaps some of the fixes will work for you (they did not for me):
https://kriesi.at/support/topic/http-error-with-media-upload/
Have tried filling in every one of the fields: Title; Caption; Alt text; and Description. Still No captions appear in the lightbox view. There is only the ##/## in the bottom right. If it cannot be done, that’s fine, just let me know and i will stop bothering you with this same question. thanks for your help.
I would like to make the top phone bar color a different color then the menu hover color. This is what I have in the Quick CCS, Can you tell me what I need to add to this? Many thanks.
.phone-info span {
color:white !important;
font-size: 14px;
}
I’m not sure where to do that. I hired a person to insert those images. Also, they appear horizontal on my desktop while on my mobile device they appear vertical.
Thank you :)
Hey mikeschumann,
This is a simple design choice. Add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->General Styling:
#top #wrap_all h3{
color:#333; /*replace with the color of your choice if you want to change the default h3 color*/
}
#top #wrap_all h3:hover{
color:#333; /*replace with the color of your choice if you want to change the default h3 hover color*/
text-decoration:underline;
}
Hope that is what you are after :)
Best regards,
Kriesi
I’ve had this issue with the social buttons on my site for at least a few weeks now. My social icon buttons aren’t showing up at the top of my page, and my Facebook likebox isn’t showing up on the bottom of my page on my desktop. The Facebook likebox shows up on the bottom of the page on my cell phone though. Any ideas on what might be causing this? Thanks.
Hi everybody,
first of all thanks to everybody at kriesi for your amazing template..
I trying to personalize my first website I could do as I really want..
the site is http://www.swissmix.net
I’d like to have the header white and, if possible to add the other social in it: how can I do it?
Can you provide with the custom css that I need to add?
I’m sure it goes around the #top main something but I rather ask before making a mess with it.
Thanks in advance.
Karim