Hi,
I have added the following code to optimize the text size for mobile only, but for some reason this code is shrinking the width of the entire site when viewed on a PC. I feel like I’m missing something very easy or small. Any ideas?
Code:
@media only screen and (max-width: 767px) {
.toptextarea11 * {
font-size: 30px !important;
line-height: 30px !important;
}
}
@media only screen and (max-width: 767px) {
.toptextarea22 * {
font-size: 26px !important;
line-height: 26px !important;
}
}
@media only screen and (max-width: 767px) {
.toptextarea33 * {
font-size: 18px !important;
line-height: 18px !important;
}
Thanks,
Chris
acParticipant
Hi, you kindly gave me some code to make a border at the top of layerslider but isn’t working any more – it did work initially, and I can’t work out what’s changed!
Also I have found some code on a previous thread to make the navigation buttons not appear on mobile but again it isn’t working, so the navigation buttons obscure the content on the layerslider when in mobile view.
Please can you help.
thanks,
Hey Folkert!
Thanks for getting in touch with us!
Please add the following CSS to the Quick CSS field under the General Styling tab in the theme options:
ul#avia-menu {
border-top-color: #cf3f33 !important;
border-top: solid 5px;
}
Regards,
Jordan
Hi,
I have already completed reinstalled the theme twice (see response here: https://kriesi.at/support/topic/homepage-slideshow-not-working/#post-615078).
There is no point in continuing to re-upload the theme via FTP when it has not been updated. What else could I do?
Thanks!
Rikard,
I added your CSS and nothing changed. I appreciate any help.
I found elsewhere to add this:
.av-single-event-meta-bar-inner > ul {
position: absolute;
top: 40px;
left: 0px;
width: 500px;
border: 3px solid #a71433;
font size: 30;
}
And it placed the link at the top of the page, but any ideas on making this more visible, like changing the font or size, adding “click here” to the link?
Roland
-
This reply was modified 9 years, 11 months ago by
paquetter.
Hi Kriesi Support,
At a page I started with a fullscreen slider. Then below it I placed a new color section with an image and text in the middle of three columns. In the first column I specified a negative margin top of -50% which works great. The content flows nice over the slider. However the content is only showing if I scroll a little bit down. Is there a way to display this content immediately and not only if it gets focus?
Thanks in advance for your answer.
Kind regards,
Peter
I added that to the top of the functions.php file, hit save and it’s now throwing the following error:
Parse error: syntax error, unexpected ‘}’ in /home3/y8y7u3a3/public_html/lodgingleaders.com/wp-content/themes/enfold/functions.php on line 12
I deleted what I added, saved it, but the error still remains.
Now pages won’t load. What do I do?
Hi there,
How can i add a borderline to the top of the main menu? Color: #ef3f33
greetings Folkert
I have images in the masonary gallery, I want to alighn them so they shop the top of each image first (I am using Flexible Masonry: All images get the same width but are displayed with their original height and width ratio) It aligns centre when I want it to have top centre. please.
I would like to add the shopping cart to the site header(sorry), top right corner..
Been searching for a way to resolve all these 4.5 issues. Can you please sticky this for others as many people seem to have this issue
Found this fixed mine:
Putting the following in functions.php
function modify_jquery() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', 'https://code.jquery.com/jquery-1.11.3.min.js');
wp_enqueue_script('jquery');
}
}
add_action('init', 'modify_jquery');
-
This topic was modified 9 years, 11 months ago by
haydenkirk.
I created a layer slider and inserted at the top of the front page but it doesn’t show. Any idea what’s wrong and how to fix?
Thanks
Derek
Hi together,
I read a few topics how to paste breadcrumbs with the shortcode [bread_crumb], changed the functions-enfold.php and it works fine on my child theme. But there is a problem: breadcrumbs can only be displayed with the shortcode if the header settings are “show only breadcrumbs” ore “show title and breadcrumbs”. And then the breadcrumbs will be displayed twice, but I want to display them ONLY with the shortcode. If I activate the header setting “hide both”, the shortcode breadcrumbs are also hidden and don’t work.
Any solution for me?
Greetings, Andreas
All pages that have a colour section at the top, also have some content and a contact form.
I’ve recently updated WordPRess and now those elements are not displaying.
Please help!!
Hi,
Great, glad you got it working again. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
I’m not sure It all works… can you take a look?
my quick css is:
/* FERRANDO MOTOR QUICK CSS */
@media only screen and (max-width: 1500px) {
#header_meta .container:before { right: 0; }}
@media only screen and (max-width: 1500px) {
.responsive #header_main .container {
max-width: 80%;
}
}
.phone-info span {
font-size: 14px;
}
input#s {
color:#fff !important;
}
#header_meta .container:before {
content: url('http://www.ferrandomotor.it/wp-content/uploads/2016/04/logo-ktm-1.png');
position: absolute;
right: -100px;
}
/*
@media only screen and (max-width: 1300px) {
#header .widget {
display: none;
}
}
*/
/*
#header .widget {
left: 98%;
min-width: 200px;
padding-top: 0;
position: absolute;
top: 0px;
transform: translate(-50%);
z-index: 999;
}
*/
label.input_checkbox_label {
font-size: 70% !important;
}
input#avia_1_1.text_input.is_empty, textarea#avia_7_1.text_area, select#avia_6_1.select, input#avia_2_1.text_input.is_email, input#avia_3_1.text_input.is_empty, input#avia_4_1.text_input.is_empty, textarea#avia_5_1.text_area.is_empty, input#avia_3_1.text_input.is_phone, input#avia_4_1.avia_datepicker.text_input.hasDatepicker, select#avia_5_1.select {
font-family: 'trade-gothic-20cn' !important;
}
#s {
color:#000 !important;
font-family: 'trade-gothic-20cn' !important;
}
input.button {
font-family: 'trade-gothic-20cn' !important;
}
/*div.container_wrap.container_wrap_logo {
display: none;
} */
.page-id-9 #header_meta { display: none; }
input#s {color:#000;}
span.copyright {
width: 100%;
font-size: 14px;
text-align: center;
}
and theme options is:

-
This reply was modified 9 years, 11 months ago by
niguli.
Hi,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi!
@jambrikp: Please review our last post: https://kriesi.at/support/topic/woocommerce-product-list-add-item-to-cart-icon/#post-614599
@shorty05: Glad that you figured it out. :)
Regards,
Ismael
Hey!
I checked the site but I can’t find the css code anywhere. Please insert the code at the very top of the Quick CSS field:
.html_header_top.html_logo_center .logo {
top: 120% !important;
}
Or make sure that it is not wrapped inside the css media queries.
Best regards,
Ismael
Hey!
I’m sorry but I’m not sure what’s the point of doing this. Users will use the slider navigation if they want to see the next or previous image immediately and there’s a huge chance that they will just ignore the auto rotation after seeing the entire slides. They will probably go to another page or scroll down to see the entire page content. If you really need to do this, please modify the js > shortcodes.js file then look for this code around line 4769:
// public method: shows next image
next : function(e)
{
e.preventDefault();
this._stopSlideshow();
this._navigate( 'next' );
},
// public method: shows previous image
previous : function(e)
{
e.preventDefault();
this._stopSlideshow();
this._navigate( 'prev' );
},
.. replace it with:
// public method: shows next image
next : function(e)
{
e.preventDefault();
this._stopSlideshow();
this._navigate( 'next' );
this.play();
},
// public method: shows previous image
previous : function(e)
{
e.preventDefault();
this._stopSlideshow();
this._navigate( 'prev' );
this.play();
},
Regards,
Ismael
Bumping this to the top, would really appreciate some advice.
Hey!
It’s because of this custom css code:
.entry-content-wrapper li {
background: url("/wordpress/wp-content/themes/enfold/images/mark.png") no-repeat scroll left 10px / 12px 9px rgba(0, 0, 0, 0);
list-style: outside none none;
margin: 0;
padding: 0px 0;
padding-left: 25px;
padding-bottom: 5px;
padding-top: 5px;
}
The images/mark.png file do not exist.
Best regards,
Ismael
Hey!
It’s because of the 1/5 columns. Edit those columns and add the “desktop-only” class attribute.
Cheers!
Ismael
Hi!
It’s because of this css code:
#top #header .av-main-nav>li>a {
color: #000;
background-color: #fff;
border-color: #fff;
}
Please remove it.
Cheers!
Ismael
I have a contact form on the bottom of marksaleh.com.au
I have name and email on the same line using 1/2.
It works fine on a desktop but when I view it on a mobile the email box doesnt align.
http://snag.gy/pOh4u.jpg
Can you help to resovle this please.
Thanks
Kyran
I was able to solve this using this solution from the above mentioned thread.
I just have a concern about installing a 4-year old plug to manage all my media… one that is not updated regularly with security patches etc and one that is not available in the Word Press Plugin Library….
It really seems like Enfold should work with Go Daddy to at least give us some parameters of what to ask them to fix / change on their end… it almost seems like the uploads go faster than Go Daddy can handle and error out. If there were only a way to slow them down…
UPDATE:
I just found this discussion at WordPress support: https://wordpress.org/support/topic/media-files-cant-upload
This comment seemed relevant so i tried this fix on my staging site:
“This issue is being caused due to a restriction placed on your site by your web host. The reason why it appears with Minamaze and not other themes, is because Minamaze creates copied of each image you upload. The correct image size is then automatically used when needed to reduce page load speed time. As a result Minamaze needs longer to upload and create image copies.
To fix this issue please speak to your webhost and ask them to increase the max_execution_time variable to 300 seconds. Alternatively, you can achieve this by editing your wp-config.php file for your domain. To do this please follow the steps below.
Open wp-config.php in your sites main directory via FTP (or cPanel)
Scroll to the line which reads /* That’s all, stop editing! Happy blogging. */
Add the code set_time_limit(60); above the line /* That’s all, stop editing! Happy blogging. */ text
This will override any conditions placed on your site by your host and you should now be able to upload images.”
After modifying the wp-config.php file to 90 seconds (instead of 60) all pictures upload perfectly and it works like a charm!
HOWEVER – the bad news is that on the staging site this broke the functionality of the Full Screen Slider and those pages just display a big white box where the slider used to be. Feels like we are getting closer to a solution with the above if we can make sure nothing else is broken by increasing the timeout.
Can someone smarter than I am (most of you..) figure this out? (While the above support thread references a different theme, you’ll also see our beloved Enfold mentioned in the thread)
Thanks!