Hi together,
i want to fix the header at 85px. On Blogs or new pages the content still begin at the top, so that this option has no effect. My Header is semitransparent and as you can see i.e. the breadcrums is below the header and not really visible. How can i set this size for the content pages too?
Thank you very much!
Best regard from Germany, Lars
Hey tremblayly,
It looks like the one that’s causing it is the padding-top line here:
@media only screen and (max-width:989px) {
.html_header_top.html_bottom_nav_header .main_menu>div {
height:5px !important;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 10px !important;
}
}
What we can do it restrict it to screens that are at most 767px (for mobile phones). Please try using this code instead:
@media only screen and (max-width:767px) {
.html_header_top.html_bottom_nav_header .main_menu>div {
height:5px !important;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 10px !important;
}
}
Best regards,
Sarah
Hi,
I have created a work around for your gradient overlay, I turned off the color section gradient, and added this to your child theme css:
#homeintro:before {
content: '';
position: absolute!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom right,#007777,#dc4225)!important;
opacity: .6!important;
}
Best regards,
Mike
Hi peanuttario,
Please refer to this thread for a possible solution.
If you need further assistance please let us know.
Best regards,
Victoria
Hi
I’m launching tomorrow!
The sliders position on iPad devices is positioned too high so the top of the images and captions can’t be seen. I could be something I changed in my custom CSS file yesterday in my child theme (perhaps where I reduce my logo size).
URL: http://crescendo.staging.wpengine.com/ (hosted on WPengine)
Could you help me figure out where I maybe causing this?
Thanks
Lyse
Hi,
Try this code in the General Styling > Quick CSS field:
#top .related_posts {
margin-bottom: 0px!important;
padding-bottom: 0px!important;
}
Best regards,
Mike
@BrendaSarg @torndownunit Sorry guys, I didn’t mean to belittle your issues. If your sliders are not working, of course, that’s important. My slides broke too on the first main update. I can’t remember the exact issue, but it was well documented in the forum and a fix provided. I wonder if you missed that?
I think this was the original problem: https://kriesi.at/support/topic/how-to-fix-layer-slider-issue-with-missing-images/
Not sure if that helps, but hope it does.
H
Hello
In this page: https://www.domodeco.fr/carnet-d-adresses I have 15 filter buttons
The problem is that page on mobile is not user frindly because when you touch on the filter to display the results the user do not see the results, or do not see that something has changed in the page, because the changes are out of the mobile view.
What JS do I have to add to make like this: if button filter clicked then scroll down to div.grid-sort-container
And it must works both on desktop and mobile… so I think for destktop it will be something like:
jQuery('body').on('click', '.inner_sort_button', function() {
jQuery("html, body").animate({ scrollTop: jQuery('.grid-sort-container').offset().top}, 'slow');
and for mobile:
if('ontouchend' in document) {
jQuery("html, body").animate({ scrollTop: jQuery('.grid-sort-container').offset().top}, 'slow');
Those code I give are jsut ideas of course….
Thanks
Hello,
I assume this is a super easy fix that I am overlooking, however all of the sudden the image I am using in a Color Section is not stretching, it’s only covering the bottom half of the section. Not sure of the date of when it stopped working however it’s probably been within the last week, maybe just after the most recent WordPress update?
I have tried several options to get it to work again:
– Changed out the image 4 times, bigger image, smaller image, even going back to the original image
– Changed from stretch to fit, to repeat to no repeat etc.
– Cleared cache, purged cache
Interesting that when the page is loading (as well as in the back-end), I can see the image is where it is supposed to be however once the page loads, the image is only showing at the bottom half of the page/section.
NOTE:
– I also lost all of my Masonry Galleries, and after a search in support I learned that I had to make “Lightbox Linking Active” all of the sudden.
– I am also getting a ton of errors in my Admin Error Logs – something having to do with LayerSlider and this error as well – PHP Warning: fclose() expects parameter 1 to be resource, boolean given in /nas/content/live/musclemechanic/wp-includes/functions.php on line 4790, referer: https://musclemechan…cs.com/wp-admin/admin-post.php
I realize these are different issues than my Color Section however it all seemed to happen at the same time – just more info to try to find a fix for my Color Section image issue..
What am I overlooking to fix this issue?
Thanks in advance!!
Hi,
Did you enable the plugin’s new gallery features?
// https://woocommerce.wordpress.com/2017/02/28/adding-support-for-woocommerce-2-7s-new-gallery-feature-to-your-theme/
If you did, please refer to @mensmaximus solution in the following thread.
// https://kriesi.at/support/topic/woocommerce-3-0-03-0-1-and-the-images-issue/#post-774201
Best regards,
Ismael
Hi,
The new features should work but you have to follow @mensmaximus’ modification.
// https://kriesi.at/support/topic/woocommerce-3-0-03-0-1-and-the-images-issue/#post-774201
Best regards,
Ismael
Hi,
Great, glad you found the problem and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Sorry but I can’t reproduce the error on either desktop using Chrome and Safari, or on mobile using iphone6. Could you post a screenshot of what part exactly is jumping please?
Regards,
Rikard
Hi,
Thanks for helping out as always @guenni007, please let us know if you should need any further help on the topic @gharry79
Best regards,
Rikard
Hi,
Thanks for helping out @mensmaximus, please let us know if you should need any further help on the topic @DianaFuetterer
Best regards,
Rikard
Here is the solution in case anyone is trying the same.
#top .av-main-nav ul li a:before
{
content: '\25B8';
font-family: 'entypo-fontello';
}
Hey ehquionest,
Try this code in the General Styling > Quick CSS field:
#top .fullsize .related_posts {
top: -50px!important;
}
Best regards,
Mike
Hi,
Try this code in the General Styling > Quick CSS field:
#top .main_color .input-text, #top .main_color input[type='text'] {
color: #fff!important;
}
input[type=text]::-webkit-input-placeholder {
color: #fff!important;
}
input[type=text]::-moz-placeholder {
color: #fff!important;
}
input[type=text]:-ms-input-placeholder {
color: #fff!important;
}
Best regards,
Mike
Hello Mike,
It didn’t work.
The asterik on the end is white because of this code.
.main_color .required {
color: white;
}
At one time, this made the whole line white.
But something changed so it stopped working except for the Asterick at the end.
So I was given the following code to fix the rest of the line. Which it did temporally.
.avia_ajax_form.av-form-labels-visible.avia-builder-el-86.el_after_av_hr.avia-builder-el-last {
color: #ffffff;
}
I did try opening the site on Firefox instead of Chrome, but it did not make any difference.
I’ve also tried playing with the color palette, but it doesn’t seem to help either.
It was suggested that if the quick CSS didn’t work, I should try themes/enfold/css/custom.css under themes in the Enfold menu to try that.
Under themes on the enfold menu I couldn’t find themes/enfold/css/custom.css under themes in the Enfold menu to try that. Please share with me where it is so I can try the code there.
Thank you,
Bob
Hey Uri_Berry,
Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top .avia-slideshow-controls a {
display: inline-block!important;
}}
Please clear your cache :)
Best regards,
Mike
Hey accurIT,
Try this code in the General Styling > Quick CSS field:
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select { color: #ffffff !important; }
Best regards,
Mike
Hey marcomila,
Have you tried the solutions offered in this thread: https://kriesi.at/support/topic/two-buttons-in-line-in-same-column-in-enfold/ Please see the last three messages specifically. :)
If you need further assistance, may we also have temporary access into your website so we can look closer?
Best regards,
Sarah
I spoke to soon. It stopped working after a few minutes. I couldn’t find themes/enfold/css/custom.css under themes in the Enfold menu to try that.
right now, in the custom Quick CSS I have two snippets. The top one is for the asterisk at the end of the sentence.
.main_color .required {
color: white;
}
.avia_ajax_form.av-form-labels-visible.avia-builder-el-86.el_after_av_hr.avia-builder-el-last {
color: #ffffff;
}
Hi,
I recommend updating again, this post has helped many with the blurry image issue: https://kriesi.at/support/topic/woocommerce-3-0-03-0-1-and-the-images-issue/
then we can address the lightbox issue, otherwise I’m not sure how we can resolve the conflict of the out of date Woocommerce.
Perhaps the Woocommerce lightbox plugin?
Best regards,
Mike
Hi,
This has been fixed. I set the vertical alignment of the tab to Top. Please check.
Best regards,
Jordan Shannon
Hi WordPressed,
Please refer to this thread for a possible solution.
If you need further assistance please let us know.
Best regards,
Victoria
Hi WEBCREATIVI,
There is an error on the page. You can see the screen shot in private. Please refer to this thread for a possible solution.
If you need further assistance please let us know.
Best regards,
Victoria
Hey djstangl,
There are a few ways to go about it. The color is set in theme options somewhere. I would remove background color from the inputs or make the color a bit lighter. The code below does that.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
background-color: #e3e3e3;
}
If you need further assistance please let us know.
Best regards,
Victoria
-
This reply was modified 8 years, 11 months ago by
Victoria.