yes i thought of that too – but i want a margin (or padding – concerning to what the rule goes (html, body or wrap_all) on top.
if this marging could not be seen all the time it would be ok for me if the header scrolls to top and begins then to shrink and is fixed on top.
But to look nice it has to scroll first than on top it starts to shrink and gets the fixed positioning.
now the header and main and all the rest is seen when it passes the header which is sticky with that distance above.
Hey Guenter!
Please add following code to Quick CSS
#header.header-scrolled {
top: 0;
}
Best regards,
Yigit
Hi silberrot!
You can install this free software – http://poedit.net/ and edit language files in Enfold/lang folder
Please edit your blog post and click “Screen options” on the top right and check “Excerpt” and add your excerpt into the field below your post
Cheers!
Yigit
Hello,
I have two problems with enfold on a website.
1. I had a layer slider on the homepage, but it doesnot work anymore. I had to replace it by an static image, otherwise there was a great gap on the homepage. How can I get back a working slider?
I placed the slider at the bottom of the page you see in the private content section below.
2. When I view the website on an mobile phone the menu is not visible. The layout of this site is that the menu is at the left site.
On another website where I use enfold with the menu at the top, there the menu is shown on a mobile device.
Can you help me with this issues?
Best regards,
Tjaard Heikens
Hi Alex!
Remember we added following code to Quick CSS
#scroll-top-link {
background: transparent;
color: white;
}
Please change it to
#scroll-top-link {
background: grey;
color: white;
}
:)
Regards,
Yigit
I found this post, which makes me believe I am to add the code to the functions.php file.
https://kriesi.at/support/topic/custom-social-bar-icons-replaceadd-enfold/
I have successfully uploaded the .zip file I downloaded from Fontello and can see ‘Font: fontello’ listed under the Iconfont Manager area in “Import/Export”. But I’m still not seeing any new fonts when I go to the Social Profiles under the theme options. Am I missing a step or doing something wrong?
Hello
I’m trying to recreate the page transition/overlay effect you see when you click to view any of the hotel properties in this website (link in private) If you click to view Riverscapes for example, the next page loads with a colored overlay and some text, then after clicking a section in the submenu, the overlay fades out, the image turns to normal saturation, and the rest of the page loads. I know the transition was created using css webkit transitions, no javascript.
On the website I’m working on (link in private), I would like to apply this effect to three pages: Community, Collaboration, and Conservation. I’ve created new template pages for each of these, copying page.php and renaming them community-page.php, etc. and loading them to the child theme. Using the plugin What the File, it appears that these pages are being read correctly.
So when I try to add a new <div> or <section> to add the classes I need for the page transitions in each page template, they aren’t showing up when I check for them in the page source. I feel like I could hook these effects to the #top div id, but then the transitions would apply to every page, so I need a way to customize each page transition for each of these three pages.
Thanks in advance for your help!
Hi!
Please change the code i posted above to following one
.page-id-294 #av_section_2 .container {
background: white;
}
#scroll-top-link {
background: transparent;
color: white;
}
#scroll-top-link:hover {
background: #649600;
color: white;
}
#socket { border: none !important; }
Best regards,
Yigit
i want a boxed layout with a background image and a shrinking header (see private content) but on top there is a margin.
When scrolling down i want that the page (content etc.) is not visible in that little gap. Is that possible?
Or if not is it possible that header scrolls to the top and is on reaching the top fixed and starts than to shrink?
Like a fixed sub menu ( it scrolls to the header and when reaching the header it is fixed)
I was able to increase the size of the icons. Here’s the code that I used to do that:
#top .social_bookmarks li a {
width: 55px;
line-height: 32px;
min-height: 50px;
font-size: 35px;
}
#top .social_bookmarks li {
height: 100%;
width: 55px;
}
However I still can’t figure out how to change the LinkedIn and Facebook icons to a square style icons I downloaded from Fontello. Any help you can provide with that would be great.
Hey!
Please add following code to Quick CSS as well
.a2a_floating_style {
margin-top: -66px;
}
Best regards,
Yigit
Hey keifygeorge!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #review_form #respond .comment-form-rating {
position: static;
}
Best regards,
Yigit
Hey!
You can use the code as following
.a2a_floating_style { top: 50% !important; }
Cheers!
Yigit
Ok, I think that I have this figured out but now there is a new issue.
A couple of months ago I was told to insert the code below in order to remove the frame at the top of the page:
body iframe { display: none !important; }
However, now it appears that code is removing the ability to add videos. How do I remove the extra bar and also enable videos to play?
Hey dodo8!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button {
border-color: #F5F5F0!important;
}
Best regards,
Yigit
Hi!
1- I changed your code to following one
.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle,.av_header_transparency #advanced_menu_toggle {background: white!important;}
please flush browser cache and review your website now
2- Please change the following code
#top .av_header_transparency .avia-menu-fx {bottom:0; width: 100%; left:0; }
to following one
#top .av_header_transparency .avia-menu-fx {bottom:0; width: 100%; left:7%; }
Cheers!
Yigit
Hi Basilis. I tried that, but it didn’t seem to change anything. Here is what I added (including a border so I could see the area around the icons when testing):
#top .social_bookmarks li a {
font-size: 45px;
width: 100px !important;
line-height: 30px !important;
border: #F33 solid thin;
}
Hi!
Please add following code to Quick CSS
#scroll-top-link {
background: #649600;
color: white;
}
#socket { border: none !important; }
Best regards,
Yigit
Hi!
Position would vary on different screen sizes. I attached a screenshot to show you how it looks on my end in private content field.
You can add following code to Quick CSS to adjust the position
.a2a_floating_style {
top: 400px!important;
}
Cheers!
Yigit
Hi Ismael,
thank you for your quick reply on my topic!
I have added a link under private content to a dropbox folder -> description by screenshots.
The main menu and header is already transparent, that’s fine – only the submenu has to be adatped to the behavior of the main menu
Cheers and thx
fkf44
***UPDATE***
This issue is a definatly a theme problem. I found out that if you have an accordion and a widget area (build in Layout Builder) it is the widget that stops the accordion working. So if you wish to replicate this, try:
New Portfolio->2/3 & 1/3 layout – in the 1/3 place an accordion, and below the accordion a Widget Area -> Save and view, you’ll see that the accordion doesn’t work/open.
I have tried this on several other installs and this issue is still present. You may want to look at this for future updates.
Thanks, Silvio
Hi Janinifee!
verwende folgenden Code im Quick CSS Feld:
#scroll-top-link:before {
font-size: 40px !important;
color: green;
}
und passe wie du es brauchst an.
Gruß,
Andy
Hey!
Try adding this code to the Quick CSS:
.slideshow_align_caption {
vertical-align: top;
}
Cheers!
Josue
hi this seem to change the colour of the element but all of its child elements to. I would have thought > would stop that happening
Please can you try logging in and take a look
Hi!
We are working on your ticket please wait while we update the results here soon.
We have enabled custom class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Added a custom class called ‘.align-top’ to the slider in advance layout builder and the below css in Quick CSS
Please check the site now!
/*Add your own styles here:*/
.align-top .avia-caption-title, .align-top .avia-caption {
padding-top: 0 !important;
}
#top .avia-caption {
padding: 0 !important;
position: relative;
}
.avia-slide-wrap img {
margin-top: -4em!important;
}
@media only screen and (max-width: 768px) {
.avia-slide-wrap img {
margin-top: -2em!important;
}
}
Cheers!
Vinay Kashyap
-
This reply was modified 10 years, 2 months ago by
Vinay.