Thanks Josue for the reply.
I placed the code to around that line. It works but doesn’t show up. Meaning I have the bottom left tab turned on and that does show up as it is supposed to. As you can see on the site it adds space in the header which I don’t want. Could it be placed in place of or to the left of the phone number at the top?
Hi guys,
The text boxes on my Olark chat widget are all set much too tall compared to the way they are supposed to appear. I spoke to Olark support and they said that this is due to the following code in the theme CSS:
#top textarea {
min-height: 60px;
line-height: 1.5em;
}
Is there a way to remove this rule just for Olark? Or if not can I remove globally without affecting anything, and how would I do this through custom css?
Thank you!
Best,
Jonathan
Hi LordLiverpool!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top div .widget_shopping_cart .button { float: left; }
Best regards,
Yigit
Hello, I’ve read the topic here https://kriesi.at/support/topic/enfold-fixed-header/ and entered this to my Quick CSS
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 88px !important;
line-height: 88px !important;
max-height: none !important;
}
The problem I then have is that each title in my submenu is also 88px high.
Then I entered the variant without the menu
#header_main .container, .logo img, .logo a {
height: 88px !important;
line-height: 88px !important;
max-height: none !important;
}
The Logo was fixed but the menu moved up while scrolling.
Any ideas I can fix the header but don’t have such a tall dropdown menu?
Thanks
Hi there – I need the header layout no.4 but with another graphic roughly the same size as the logo – but on the far right side. So main logo on the left side and second logo on the right (the social icons that are on the right in header 4 thus need to be displayed on the top menu bar above the logo like in header 2)
Is this possible? – plus how will this work with responsive views? will the second logo be shown below the main one?
Also do you have the options of adding higher resolution logos for retina devices etc?
Thanks
Hey Yigit
I don’t know if I did this correct or not, but here is the page I added it to on the top. I don’t have any images in right now, but I put in a custom name of 4Column.
http://www.jdrakeproductions.com/?page_id=29
Hi!
You can update the theme if you have not made changes on theme files. If you made styling changes in Custom.css file, please back it up. If they are in Quick CSS section they will remain the same as long as theme names are matching. You should update the theme to make it compatible with the latest version of WordPress – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
Yigit
Thank you…I will give this a try.
I had the image hover working before using the text block. But the reason I was trying to use the Image element and the custom CSS was to keep the bottom to top fade in animation when the images first come up. Is there any way to keep that while still having the image hover using the text block element?
I just changed it so .fixed_header #header has a top position of 0, it shows fine in general now, but when logged in, the admin menu bar at the top covers the top menu bar on our site. I updated our WordPress to version 3.8.1 yesterday but haven’t updated the enfold theme because we’ve made styling changes to it. Could that have something to do with it?
I’m using Mac OSX Version 10.8.5 and I’ve viewed the site in both Chrome and Firefox and I’m still getting the header popping down from the top. Here’s what it looks like – 
The black bar should be attached to the top and the image should scroll behind it, but shouldn’t be seen between the top of the browser and the black header bar.
Thanks!
This reply has been marked as private.
Hi !
I’m working on this theme and I found the following problem:
I use the responsive layout and I can say it works fine.
But on Desktop Pc/Mac and iPhone, iPad I’ve problem with the menu and the logo responsiveness. With all the best browser.
When the screen/browser become small there’s a “moment” when the menu goes over the logo. The logo doesn’t change its dimensions. The logo or the menu become responsive only if the screen/browser become smaller.
So I imagine there’s a range where the responsiveness doesn’t work and I have this issue. Is it possible to regulate this range ? Or is there something else which goes wrong ?
Happy day !
Thank you !
CN
Hi Sven!
You can add this on Quick CSS or custom.css:
#top .main_menu .menu li:hover {
background: gray;
}
Best regards,
Ismael
Hey!
Please use this on Quick CSS or custom.css:
#av_section_1 > div > div > div > div > div.flex_column.av_one_fourth.first.avia-builder-el-13.el_before_av_three_fourth.avia-builder-el-first > section {
margin-top: 25px;
}
.page-id-75 .avia-section-small .content {
padding-top: 0;
}
Regards,
Ismael
Hey!
Please add this on Quick CSS or custom.css:
#main > div.main_color.container_wrap.fullsize > div > main > div > div > div.flex_column.av_one_half.avia-builder-el-11.el_after_av_one_half.avia-builder-el-last.column-top-margin {
margin-top: -8px;
}
Cheers!
Ismael
I’ve added a table inside the HTML of a promo box.
Why does the table look different on the live page, than in the promo box editor?
The editor shows the table the way I styled it… the bottom row has white text over a dark background.
However, the live page shows the table having dark text over a white background (the complete opposite).
Please see screen shots below. Why does the live page not display content the way it is coded?
In Editor:

On Live Page:

HTML code from Text Tab:
<table style="width: 499px; height: 187px;" border="0">
<tbody>
<tr style="background-color: #ffffff;">
<td style="border-color: #9c9695; border-width: 1px; border-style: solid;" valign="top"><a href="http://www.finalsmoke.net/wp-content/uploads/2014/03/comparbod.jpg"><img class="size-full wp-image-316 alignleft" style="margin: 5px 8px;" title="Final Smoke Quit-Smoking Formula" alt="comparbod" src="http://www.finalsmoke.net/wp-content/uploads/2014/03/comparbod.jpg" width="70" height="135" />Left Column</a></td>
<td style="border-color: #9c9695; border-width: 1px; border-style: solid;" valign="top">Right Column</td>
</tr>
<tr>
<td style="border-color: #9c9695; border-width: 1px; border-style: solid; background-color: #626b60;" valign="top"><span style="color: #ffffff;"><strong>White Text on Dark Gray Background
</strong></span></td>
<td style="border-color: #9c9695; border-width: 1px; border-style: solid; background-color: #626b60;" valign="top"><span style="color: #ffffff;"><strong>White Text on Dark Gray Background
</strong></span></td>
</tr>
</tbody>
</table>
Hi
I am trying to get the header transparent and have tried various stuff from the forums with mixed results. Currently this works fine for desktop:
.header_color .header_bg{
background: transparent !important;
}
.main_menu li:hover {
background: transparent !important;
}
.content {
padding-top: 138px;
padding-bottom: 1px;
}
.fixed_header #main {
padding-top: 0;
}
.header_color div {
border: none;
}
But on mobiles it doesn’t make it transparent and just pushes the content down too far.
Can I add some responsive CSS or is there a better way altogether?
Hi there.
I have a site that utilises 2 domain names. The secondary URL is based in Bhutan, http://www.btb.com.bt and points to the server that the site is hosted on in the U.S., and when viewing the site using this domain name on Mozilla the icons are all missing. This is occuring on both MAC and PC. It appears to be fine on Safari. I think it is due to the font being served from a different domain, as I believe that Firefox requires that all font assets be served from the same domain. Everything appears fine when viewed via the primary domain http://www.bhutantravelbureau.com.
Is there something I can add to CSS of htaccess to force the display of this font?
By the way I know this is off topic but I achieved excellent site download speeds using WP Super Cache, Autoptimise and Smush.it. Hosted with godaddy, I was having massive issues with a 60% loading ranking. It is now up to 90%. I know this is a big issue with a lot of users, and you probably already know this, but just wanted to share my experience.
Cheers
This reply has been marked as private.
Hey mailclub!
1) – the sidebar navigation for all nested subpages is not displayed. Maybe It’s because those pages do not exist… But even if they were existing, how could I manage to obtain the same taxonomy just sending XLIFF files.
The sidebar menu just displays the existing pages and it will use the page hierarchy of the existing pages to build the menu structure. If your translated pages keep the hierarchy of the original entries/pages the menu should work just fine. If the hierarchy doesn’t exist you must configure the parent pages, etc. after you imported the translated pages/data. The pages just have one taxonomy called “pages”. You can’t set a different taxonomy or create a custom taxonomy like for a custom post type.
2) See https://kriesi.at/support/topic/how-to-translate-and-display-layerslider-wp-with-wpml/
3) Also note that some layout elements (i.e. the portfolio grid, post slider, gallery or the blog element) require a separate configuration for each language because the ids of the categories and of the translated post/attachment entries may vary from language to language. It’s not enough to import the translated content with XLIFF files but you also must make sure these elements display the right, translated entries and if necessary you need to select the translated categories/image attachments from the option/modal window. I created a short video which demonstrates the translation process. This video also shows you that the categories may vary from language to language (i.e. if not all categories are translated, have a different category name/id, etc.): http://www.screenr.com/CBBN
Best regards,
Peter
Hej!
It looks great. Now everything is fixed and working as is should.
This is the final code that I have in the quick CSS:
@media only screen and (max-width: 768px) {
.avia-slideshow .avia-caption .avia-caption-title
{ font-size: 14px; }}
@media only screen and (max-width: 480px) {
.avia-caption {
bottom: -10px;
left: -18px;
padding: 0 20px;
width: 305px;
}
.avia-caption .avia-caption-title { margin: 0; }
}
@media only screen and (max-width: 480px) {
#top .avia-slideshow-arrows a { display: none; }
.avia-slideshow-dots {
display: none;
}
}}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #main .container_wrap:first-child .container {
width: 528px;
margin: 0 auto;
}
}
It solved the issue with the slider display in the mobile and on the tab keeping the dots and the arrows.
Maybe you should integrate it as a default option, just a suggestion…
One more thing that I would like to ask and it concerns the stretched layout for mobile devices. It works perfect on mobile but on my Samsung tab 7 it is blurry. Why and can something be done to make it same as on the mobile?
Thnx for the help.
Hey!
If you want to remove the taxonomy from the category list on the top of a blog post (i.e. here: http://hbjcapital.com/stockbroker-radhakishan-damani-built-retail-business-d-mart/ the taxonomy/terms would be displayed next to “Investment Device”) you can use this filter code:
add_filter('avf_exclude_taxonomies', 'avia_exclude_tax', 10, 3);
function avia_exclude_tax($tax,$post_type,$id){
$tax[] = 'following_users';
return $tax;
}
Instead of “following_users” insert the name of your taxonomy. If you want to hide the taxonomy in the backend you must register it as “non public” taxonomy – see: http://codex.wordpress.org/Function_Reference/register_taxonomy (possible parameters which might help you: public and show_ui).
Cheers!
Peter
Hi
I want to close the top margin in the Patient stories panel at the bottom of this page: http://www.test.theimplantcentre.com/?page_id=75
I’m after the same gap above the photo as below it and ideally bringing to ‘Patient stories’ text down so that it’s inline with the top of the photo.
Hi!
2) Versucht einmal !important anzuhängen:
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
color: #919191 !important;
}
3) Bitte füge diesen Code in das Quick CSS Feld ein:
#top .header_bg{
background-color: #ffffff !important;
}
Dieser Code hat das Problem von IE8 für mich behoben.
Regards,
Peter
Hi erickeith9!
How are you? I hope you’re doing well today. You can use this plugin: http://wordpress.org/plugins/addthis/
Refer to this link for more info: https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header?replies=4#post-134606
Best regards,
Ismael
Hi!
Glad we could help. You can request it here: https://kriesi.at/support/topic/enfold-feature-requests/
Closing the thread now.
Cheers!
Ismael
Exactly. It tries to open a light box, then gets stuck/stops/progress circle keeps spinning forever…
Thx Ismael, but can you explain why this happens?
Hey!
Please add this on Quick CSS to prevent the image from being cut off on iPhones or screens with 320px resolution:
@media only screen and (max-width: 321px) {
.responsive #main .container_wrap:first-child {
border-top: none;
max-width: 320px;
}
}
Regards,
Ismael
This reply has been marked as private.