Forum Replies Created
-
AuthorPosts
-
Hi,
Your code in the Private Content area contains:/*
with no closing tag so it won’t work. This is the comment tag, and it will deactivate all rules until the next
*/
Please check.
Best regards,
MikeHi,
I tested the code from the post:add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); function avia_change_category_blog_layout($layout, $context){ if($context == 'archive') $layout = 'blog-grid'; return $layout; }
on a clean install and it is working, perhaps in your copy/paste your quotes turned into curry quotes?
Try changing with FTP.Best regards,
MikeJanuary 4, 2018 at 3:34 am in reply to: Blog Post Content Element – How to change the H1 tag to upper/lower case #893045Hey jgdoyle1,
By upper/lower case, do you mean Capitalize?text-transform: capitalize;
Best regards,
MikeJanuary 4, 2018 at 3:30 am in reply to: change font, font size, font color on tab section layout element #893043Hey Kevinmve,
Try this code in the General Styling > Quick CSS field:.av-tab-no-icon.av-tab-no-image .av-inner-tab-title { color: #fff !important; font-size: 16px !important; font-family: HelveticaNeue !important; }
Best regards,
MikeHey Chris,
This would fix the issue:#footer { z-index: 0!important; }
But the socket would still cover the sorting function at the very bottom. We could still do the same for the socket, but it makes the social links in the socket moot, at this point you could just remove the socket all together.
Have you considered that a visitor who makes it to your footer is probably done sorting and is looking for more info about your company and other ways to connect to you?
I only bring this up as a UI (User Interface) example, please advise how you would like to proceed.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.Best regards,
MikeHey InnovativeAirport,
Try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) { #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { background: transparent!important; position: absolute!important; }}
Best regards,
MikeHey taylorchiu,
Try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding: 0px !important; } #top .avia-slideshow-arrows a { margin: -30px -35px 0 !important; } }
Best regards,
MikeHi,
I believe you are saying that this is working, but it is also changing another font color also. Sorry I’m not so clear, perhaps a screenshot will help me understand so I can adjust the code.
Please try to show what you do want changed, and what not to change that is being changed now.Best regards,
MikeHi,
Try this code in the General Styling > Quick CSS field:div.entry-content-wrapper {text-align: center !important; }
I don’t have access to a mac, so if this doesn’t work please post your other code that didn’t work for mac & I will ask for mac members to review.
Best regards,
MikeHi,
Try:#top .av_toggle_section .av-inherit-font-color * {color: #000 !important;}
adjust to suit.
Best regards,
MikeHi,
Try this code in the General Styling > Quick CSS field:#top.page-id-16353 .avia-slideshow-arrows.avia-slideshow-controls .next-slide { right: 0!important; }
Best regards,
MikeJanuary 4, 2018 at 12:48 am in reply to: Add Phone number in between logo and hamburger menu on mobile #893003Hi,
Try this code in the General Styling > Quick CSS field:.ls-button-widget-container {display: inline-block !important; float: right; top: 70%;} #ls-button-widget-ls_button_widget-3 {margin-right: 10px}
Best regards,
MikeHi,
Please try:<iframe src="site.com" style="width: 100%; height:100vh; border: none"></iframe>
Best regards,
MikeHi,
Please try removing the custom css and going to the accordion styling tab and choose “Define Custom Colors” and make the background-color gray (#f1f1f1)
then try this css:#top.postid-9297 .toggler {background-color: #169D72 !important; }
this is only for that one page, change or remove “.postid-9297” if you need it for other pages.
This is the test results:
Best regards,
MikeHi,
Glad to hear it is resolved, we will close this now. Thank you for using Enfold.Best regards,
MikeHi,
I believe the arrows are now showing all the time, please see screenshot in Private Content area to be sure I was looking at the correct element.Best regards,
MikeHi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
MikeHi,
Your “Lock advanced layout builder” setting in Enfold Theme Options > Layout Builder had been checked, I unchecked it and now the Layout Builder shows. Please check.Best regards,
MikeHi,
Please try:<iframe src="site.com" style="width: 100%; height:100%; border: none"></iframe>
Best regards,
MikeHi,
I checked again and was able to see your page, if I understand correctly you wanted to change the link color with no change on hover & a different color for the numbers.
Try this code in the General Styling > Quick CSS field:/*link color*/ #woocommerce_product_categories-2.widget ul.product-categories li.cat-item a{ color: red !important; } /*link hover color*/ #woocommerce_product_categories-2.widget ul.product-categories li.cat-item a:hover{ color: red !important; text-decoration: none!important; } /*number color*/ #woocommerce_product_categories-2.widget ul.product-categories li.cat-item { color: blue !important; }
Adjust the colors to suit.
Best regards,
MikeJanuary 3, 2018 at 4:17 am in reply to: full viewport width element a in a container that actually is not full width… #892716Hey Autostopowicz,
Try using… { margin-left: -50px !important; margin-right: -50px !important; }
if 50px is you container margin. or use a percentage to be responsive.
Best regards,
MikeHey TheDean19,
Would you like the image to show it’s full width on all devices? This would mean that on mobile devices the image would not be the full height of the page, is this ok?
Can you please include a admin login in the private content area so we can take a closer look.Best regards,
MikeHi,
Try this iframe:<iframe src="site.com" style="width: 100%; border: none"></iframe>
and this css:
#top.page-id-25 .content { padding-top: 0px!important; padding-bottom: 0px!important; }
Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts