Hey connect4consulting!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#services .content {
padding-top: 0!important;
}
Cheers!
Yigit
Hi
I’ve seen that you already answered this question (https://kriesi.at/support/topic/instagram-widget-button-text-color-follow-us/) but I don’t know where exactly I have to put in the code. I’ve have copied in the following code on the page “General Styling” -> “Footer” below in the “Quick CSS” box:
.av-instagram-follow {
background: #fff;
color: #000;
}
Unfortunately the colors are not changing. Here the URL to my website: http://www.chuchichaeschtli-tv.ch/wordpress
My second question is about moving the site from the folder /wordpress to http://www.chuchichaeschtli-tv.ch -> Can I do that in the WP or Enfold backend or can I just copy the files from the current folder ‘wordpress’ to the first level on the server in order that the website appears when I type in http://www.chuchichaeschtli-tv.ch?
Thank you very much for your support.
Best,
Sandro
Hey vnfan!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.container_wrap.container_wrap_first {
border-top: none;
}
Best regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top div .avia-gallery .avia-gallery-big-no-crop-thumb img {
height: auto!important;
}
Best regards,
Yigit
@begrafiks, thank you for the suggestion.
This had made a difference thank you. I actually have a top level heading otherwise the others are not indented, so in the above, Example Menu is actually my First Level, but I was able to see that adding ul to your first part and another ul to the second part worked and I now have Bold where I need bold.
However, I now have a strange dot above the first character of level 2 and level 3 menu items?
Is it possible to highlight the menu item for the page you are actually on?
*my site is not live at the moment.
Thanks again.
Hey Fiorilla!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-special-heading.av-special-heading-h5 {
margin-top: 10px;
}
Cheers!
Yigit
Hey NaveenM!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-logo-element-container {
margin-top: 0!important;
}
If that does not help, please post the link to your page
Best regards,
Yigit
Merhabalar!
Enfold theme options > Header sekmesinde header yuksekligini manuel girebilirsiniz. Shrinking header yuksekligi varsayilan yuksekligin yarisina esit oluyor. Degistirmek isterseniz haber verin lutfen ona gore degisiklikleri nasil yapacaginizi anlatayim.
Assagidaki kodu Quick CSS alanina ekleyerek logonun uzerine eklediginiz boslugu silebilirsiniz
.header-scrolled .logo { top: 0; }
Cheers!
Yigit
Hi,
I searched around on the forum and though I did find some clues as to how to do this, none seemed to give a direct response.
I’d like to remove (or precisely control) the top margin from the partner/logo element. That is, I don’t want there to be as much space between the previous element (a text box) and the partner/logo element.
Is there some CSS I could add into the Quick CSS box that would control this?
Thanks!
Naveen
Hey Charlotte! :)
Please add following code to Quick CSS
.home .pricing-table-wrap {
vertical-align: top;
}
Regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.content, .sidebar { padding-top: 10px; }
Cheers!
Yigit
Hi,
Great, glad you found the problem. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Ok, let us know if you should need any further help on the topic.
Best regards,
Rikard
Hm, you could try this:
@media only screen and (min-width: 1500px) {
#top .av_slideshow_full li img {
min-height: 600px;
width: auto;
}
}
Yes, the mod will be void when you update the theme but you can have prevent that by having a child theme.
HI Ismael,
thanks for your help:
the images have no transparent sides – they are really 120px right to the edge.
Therefore I tried to use your code – but without success.
I tried to modify the overlay itself:
I can see that the span.image-overlay has the following element-style.
element.style {
display: block;
height: 140px;
left: 97.4667px;
overflow: hidden;
top: 0;
width: 130px;
}
I have no idea where it gets its height and width from. If I force the height and the width to be 120px the overlay is no longer centered on the image but has a set off.
Any thoughts? thanks
Hi L+T!
The below screenshot is the only background video i could find in the links you provided and it just played fine there were no stops or shakes… I think you are experiencing this issue because of slow internet speed. We recommend that you check the issue on a different connection and let us know if it worked fine.
Cheers!
Vinay
Hey!
This CSS rule mentioned below is causing the issue
#top .sub-menu:hover {
background: #2e2e2e !important;
}
Change it to
#top .sub-menu li:hover {
background: #2e2e2e !important;
}
If you cannot find it just add the below code in Enfold > General Styling > Quick CSS
#top .sub-menu:hover {
background: transparent !important;
}
#top .sub-menu li:hover {
background: #2e2e2e !important;
}
Best regards,
Vinay
Hey!
Great! you found a work around… I checked the site in both desktop and mobile version and in both it looks neat!
please feel free to get in touch with us if you have any questions…
Thank you for using Enfold :)
Cheers!
Vinay
Hi there,
I use background videos (YouTube) on two different websites based on Enfold. Since the update to 3.5.1 those videos do not run properly anymore but are shaking and even stopping during play.
I haven’t changed any settings of Enfold since the update. I tried to narrow it down, disabled all plugins, checked various browsers. I even re-uploaded the videos to YouTube. It’s all the same. Video do not run fluidly. The browser that shows the issue in the worst way is Firefox, latest version. But you can see it on e.g. Chrome or IE either.
Both website use WP 4.4.2. They are hosted on two different servers from two different hosting companies.
Do you have any idea how to get the videos to run properly again? Thank you very much! URL’s to the sites are in private content.
Awesome!! This works fine! Thanks Ismael!
– Can you please tell me how i can make the space above the breadcrumbs smaller?
– Can I also chance the colour? I wanna make the breadcrumbs white.
– Is it also possible that i see the breadcrumbs on the right sight of every page?
– Can i delete the functions-enfold.php file in the child theme now? I did not use it before i saw the breadcrumbs tips in the other topic. #post-243686
Thanks!
Hi!
The execution takes place when the page is scrolled not sure if it is a browser issue that it is not triggering the scroll when you scroll fast. It is very much possible that the browsers have a limitation to trigger the number of pixels…
You can change the top 300 offset height to 200 or 100 it should still work just fine just changes the ID when the section is scrolled x pixels offset from the top.
Regards,
Vinay
Hi Ismael,
Yup this totally worked. Does this mean I should only use the child theme folder? Shouldn’t be a problem I think but just want t confirm.
Am so so thankful btw :) Shows exactly how I need it to. Attaching the url below.
Just one last thing, there is an error on the top of the page : string(62) “/home/hwangimc/public_html/aham/wp-content/themes/enfold-child”
Cant figure out why
Hi @Heatcliffe;
These lines may help you ;
/*FIRST LEVEL BOLD - NO BORDERS*/
#top .widget_nav_menu a{font-weight: 600 !important; border: none !important;}
/*SECOND LEVEL NON-BOLD - NO BORDERS - LESS SPACING UP AND DOWN*/
#top .widget_nav_menu ul ul li a{font-weight: normal !important; padding: 1px 0px 1px 12px; border: none !important;}
#top .widget_nav_menu ul ul li:before {top: 0px !important;}
Try with this code instead;
#top #header .three.units{width:225px;} #top #header .six.units{width:450px;} #top #header .nine.units{width:675px;} #top #header .twelve.units{width:900px;}
Thanks, but sadly, that’s not going to work. There are going to be about 25 images, which I’m going to need to photoshop and fade out the colours to match the colour pallet of that particular image (a bit like iTunes does when setting the background colour of an album playlist).
Each:
#top .avia-slide-wrap {
background: #d3d4c4;
}
Is going to be a different colour. Is there any css which wouldn’t crop the width of the image? It’s almost that I need an extra criteria in the “Slideshow Image and Video Size” drop down to be 2600 x 600. I’m guessing that this is too big of a change for a novice like me.
This code should achieve that result:
@media only screen and (min-width: 1600px) {
#top .av_slideshow_full li img {
max-height: 600px;
width: auto;
}
}
#top .avia-slide-wrap {
background: #d3d4c4;
}
Regards,
Josue
Hey!
Try adding this code to the Quick CSS:
#top ul.sub-menu {
border-radius: 0 0 10px 10px;
overflow: hidden;
}
Cheers!
Josue