Hey ParisLaw,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#after_full_slider_1, #after_full_slider_2, #after_full_slider_3 {
border: none;
}
#top div .avia-gallery img {
border: none;
padding: 0;
}
Best regards,
Yigit
Dear Kriesi,
Currently the main menu (Home, Aktuelles, Argumente, Über Uns, Kantone) color option is set to underlining the active menu item with a red color. We would like to change this so that there is NO underlining at all but that the active and hovered menu item instead gets a light grey background color (the same grey as appears in the background when hovering over submenu items).
How can we do this?
Thank you very much and best,
Raphael
Hi,
something like this, but it depends. Have a look here:
https://kriesi.at/support/topic/how-to-create-a-new-page-template/
Best regards,
Andy
Hey Chris2234!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-slideshow-arrows a {
top: 40%;
}
Best regards,
Yigit
Hi everyone
I’m currently updating my companies website and for our anniversary this year we’d like to put a “header image” on our front page and I’m trying to accomplish that with a fullscreen slider because it has the option with the arrow at the bottom of the picture to go to the actual content.
My problem is that the image is zooming in and I wanted to know where exactly in the CSS files I’d have to edit to fit it to my desire. I tried rescaling the image but it always comes out either crappy and zoomed in or it stops being responsive to the screen size.
Any help on this would be much appreciated.
Kind regards
Léon
edit:
im short with time, i will do it manully
you can close this topic
Hi everybody,
I added a bunch of code in shortcode.css file to add bottom arrow the top tabs of my tab object.
That make me disappear the tabs! So I delete the code I added and until there, I just have displayed the first tab content but no more the tabs! They are only displayed in small devices mode.
Could you help me to recover them please?
Thanks!
Yann
Hi, my customer asked me if it is possible to stop the slideshow for 10 seconds when someone clicks on an image? Do you perhaps have a javascript code-snippet which can accomplish this? Many thanks for your support!
Hey Anon_Designers,
sorry for the delay, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.post-entry .av-special-heading {
margin-top: 0px!important;
}
Best regards,
Vinay
It’s already on 3.8.
Isn’t the Google API for Google Maps? The element that doesn’t load on mobile is the Fullwidth Easy Slider. Shows on desktop but not mobile.
Hi,
On my site, I’ve got a fullscreen picture in the top of the site. When I enter the site, the header and main menu has a 100% transparent background, which makes it wuuite difficult to see the menu and logo. As soon as I scroll down howeever, the background comes with a solid colour.
How can I get this solid coloured background on the top of my site (first screen) as well?
Cheers,
malene
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 768px) {
.responsive #top .slideshow_caption .avia-caption-content {
font-size: 22px !important;
}}
Best regards,
Vinay
Hi,
Please add this in the functions.php file:
add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() { ?>
<script type="text/javascript">
(function($){
var a = function() {
var ch = $('.container .av-content-small.units').height();
$('#top #main .sidebar ').css('height', ch);
}
a();
})(jQuery);
</script>
<?php
}
And this code in the Quick CSS field:
#top #main .sidebar {
background: red;
}
Change the color as needed. :)
Best regards,
Ismael
Hi.
It was there all along just hidden.
I came up with this and it seems to work –
@media only screen and (max-width: 480px) {
.responsive .logo img {
max-height: 62px!important;}}@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
display: block !important;
}
.av-main-nav > li { display: none; }
li#menu-item-search {
display: block!important;
margin-top: -90px;
right: 110px;
}
.responsive .main_menu {
float: right;
}}
@media only screen and (max-width: 480px) {
li#menu-item-search {
right: 110px!important;
}
}
Thanks again for your help
Hi,
Look for this code around line 4726:
if(!event.data.self.isMobile && !event.data.slide.data('disableAutoplay')) { event.data.slide.trigger('play'); }
.. replace it with:
if(!event.data.slide.data('disableAutoplay')) { event.data.slide.trigger('play'); }
I’m not sure if this is going to work because mobile devices do not autoplay videos by default.
Best regards,
Ismael
Hey sitesme,
Thank you for using Enfold.
1-2.) Please follow solution number 3. https://kriesi.at/support/topic/magazine-thumbnails-2/#post-307751
3.) Edit the blog posts element, set the Preview Image Size to manual then select the thumbnail size. However, the best solution is to upload images with the same size and proportion.
Best regards,
Ismael
Hi,
The device has higher screen resolution compare to standard desktops so it stretches the image. Please edit the image layer then go to the attributes panel. Apply a unique id or class attribute to it then add the following css code:
@media only screen and (min-width: 2000px) {
.customcssclass {
margin-top: 0 !important;
}
}
Replace “customcssclass” with your custom id or class attribute.
Best regards,
Ismael
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px){
#header_meta .sub_menu {
min-width: 560px;
background: rgba(0, 0, 0, 0);
padding-left: 0;
padding-top: 0px;
right: 30%;
position: relative !important;
top: 15px;
}
}
@media only screen and (max-width: 990px){
#header_meta {
display: block !important;
height: 0px !important;
min-height: 0px !important;
}
}
Best regards,
Jordan
Hey!
Try adding this code to General Styling > Quick CSS:
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
min-height: 200px;
}
Cheers!
Josue
I am in Chrome / OS X El Capitan as well. Sometimes I think it stopped, but then it seems to happen again.
Hi there.
Is it possible to have the menu header be transparent when at the top of the screen, but then become 100% opaque (not transparent) when you scroll down?
Right now, my menu background color is white, but it’s not 100% opaque when scrolling and it’s a little distracting to be able to see traces of content in the background as you scroll.
Thanks,
Jason
-
This topic was modified 9 years, 6 months ago by
jsugar.
Hi there,
My client wants their mobile menu to look like this one https://www.projectskinmd.com/. Ideally exactly like this one but the most important thing is, that not the whole menu, including submenus shows up when you click on the ‘menu’ button in the top right corner like it does on our mobile site (http://www.vancouvermedispa.ca/) right now. I want the submenus only to show up when you click on the arrow next to the main menu items. Is there a plugin we can use or a way to adjust and customize the mobile menu?
Thanks!
Hi Joshue,
I switched to manage my menu in the live preview, then back to the regular way, now I can create the column as you suggested. When I do create the column, I have other display issue. I can select the top menu item, but not the others.
Lyse
Hey!
Try adding this code to General Styling > Quick CSS:
ul.avia-slideshow-inner li:after {
content: "";
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
z-index: 1;
}
Cheers!
Josue
Hey!
Try adding this code to General Styling > Quick CSS:
#top div .quantity input[type='button'] {
border-left: 1px solid;
border-right: 1px solid;
}
Cheers!
Josue
Hi everyone,
I’ve had a request to increase the font size of the text in the small info text at the top of the website. Additionally, we’d like to change this text’s color if possible. And also add a clickable link to it as well. How might I accomplish this?
Thanks!
Jim Geiger
Hey,
Try setting a manual Excerpt for each Post, if you don’t see the Excerpt field enable it in Screen Options (top right).
Best regards,
Josue
I received a notification that there is a new version to the Enfold theme, version 3.8. My concern about updating the new theme is that I will lose all the custom codes that I have made to the index.php page, header page and other pages.
Last time there was an update, I filed a post (https://kriesi.at/support/topic/missing-elements-with-enfold-3-71/) and Josue added the“Enfold Custom Functions” plugin.
With the “Enfold Custom Functions” plugin, will my special codes remain after I install the 3.8 version of Enfold? If not, do you have suggestions on what I can do to avoid this problem.
Thanks in advance.
kfranck
I found! You can close the topic, thx. Carine
Please I don’t know how to open a new topic
I had imported a new demo to my website and now every thing has gone and changed. Please
this is my first time to use wordpress and your enfold theme is my first one!
My question is how to bring back my website in dont think I can do the same one again
Don’t take car about my english because French is my main language