Hello vitaliss!
Please take a look at this topic.
Regards,
Josue
Hi Eleina_Shinn!
You can add this on your custom.css or Quick CSS:
#top .social_bookmarks {
float: right;
top: 50px;
position: relative;
}
.social_header .phone-info {
top: 100px;
position: relative;
}
You can adjust the top position. Unfortunately, there is no easy way of adding your own icons. You can refer to this link: https://kriesi.at/support/topic/youtube-icon/
Best regards,
Ismael
Hey azabusan08!
Yes, you may need a plugin, please see this topic.
Regards,
Josue
Hi Mike,
Apply this CSS:
#header_main .container, .main_menu ul > li > a{
height: 60px !important;
line-height: 60px !important;
}
.fixed_header.social_header #main{
padding-top: 91px;
}
Regarding the 2nd question, you can define different heights by changing the padding option of the color section element, see image below:

If you still want to modify that height manually you can specify an ID and then with CSS you would do something like this:
#myCustomColorSection{ height: 500px; }
Cheers,
Josue
Hi artistic24459!
I think that’s an unexpected behavior, however here’s a quick fix, apply this CSS to the custom.css file or in the Quick CSS section:
#top .avia-gallery .avia-gallery-thumb a{ width: 10% !important; }
Regards,
Josue
Ismael,
That doesn’t work. I closed all the apps and still looks the same. Also, it happens the same in the iPad. And I understand than can happen with the pictures, but no with the text.
Did you open it in your iOS device? Check it out… Doesn’t make sense that the text of the top renders right and the one of the blog feed doesn’t.
regards,
Mario
I’m trying to use a 3rd party plugin – qtip2/craigsworks. I’m getting a jquery conflict with isotope. Could have something to do with imagesLoaded. Thinking I could detach isotope script from avia.js and only run it when needed.- this as I only need the Qtip plugin on a couple of pages.
Besides the portfolio stuff are there any front-end components using isotope in Enfold?
Cheers
Hi selvaria!
Adding this code to the Quick CSS area in the Theme options page will do it:
.home .flex_column.first div.avia_textblock:first-child{
border-bottom: 1px solid #dbdbdb;
}
.home .flex_column.first div.avia_textblock{
border-bottom: 0;
}
.home .flex_column.first div.avia-testimonial-wrapper, .home .flex_column div.template-blog{
border: 1px solid #dbdbdb;
padding: 15px;
margin-top: 0;
border-top: 0;
overflow: hidden;
}
However it may break if you move the position of the elements too much, let us know how it goes :)
Best regards,
Josue
Yes, but still getting the rectangle instead of the icon.
http://i.imgur.com/PyDNomx.png
Note we are using a child theme hence “marquee” instead of “enfold”
I do notice that in the dropdown menu selector at the very top of that image there seems to be something missing in that there is no text between the commas, not sure if this is indicative of anything.
The issue persists regardless of what header type I choose.
is this the set?
body, h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox
Hello!
Actually seems that the font and the character is the correct one, it just gets cut off at the top and therefore looks like a diaeresis.
Will add a small padding to thenext update to fix that. meanwhile you can add the following to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->Styling:
.iconbox .iconbox_content .iconbox_content_title {
padding-top: 2px;
}
Best regards,
Kriesi
I have spent the last 4 hours trying to change the color of the tab (not the container but the background part of the tab title) using every possible combination of custom css I can find on here but nothing works. In fact, no custom css for the tabs works except for the size option, this is my last attempt:
.tab {font-size:14px !important;}
.js_active .tab_titles .tab {
background-color: #0c962b !important;
}
I also tried the information on this link: https://kriesi.at/support/topic/change-tab-colors-hover-text/
Nothing seems to make any effect. So, can someone please tell me the correct css to change the following:
Background of the tab title for active and inactive tabs
Color of the font for the title for inactive and active tabs
background color of the tab content box (where the content is actually added)
Also, I am not a fan of the new support layout:-( Searching takes so much longer when each message is threaded in this way – and, it seems all of my favourites have been removed.
Thanks
Andrew
Oh, there´s a little mistake…
Don´t type the “type-values”…
This works
<video autoplay width=”720px” height=”404″ controls>
<source src=”//balance-circle.de/bc-data/uploads/Marc-Sportlife.mp4″>
<source src=”//balance-circle.de/bc-data/uploads/Marc-Sportlife.mp4″>
Your browser does not support the video tag.
</video>
I´am really sorry. Found a solution…
<video autoplay width=”720px” height=”404″ controls>
<source src=”//balance-circle.de/bc-data/uploads/Marc-Sportlife.mp4″ type=”video/mp4>
<source src=”//balance-circle.de/bc-data/uploads/Marc-Sportlife.ogg” type=”video/ogg”>
Your browser does not support the video tag.
</video>
Please close…
Thanks
Hi,
I embedded a video from Mediathek into my Layerslider with the following code:
<iframe width=”720px” height=”404″ src=”//balance-circle.de//bc-data/uploads/Marc-Sportlife.mp4″ frameborder=”0″ allowfullscreen></iframe>
All looks fine till I change the Top and Left Values to bring it in the right position. If I change them, all the layers in the background are slip up. Also if I use the padding values…
Is there a better way to embed the video? Don´t´want to upload it on Youtube or Vimeo. It´s just an example to show it to a client
Hey wsiemarketer!
Please add following code to Quick CSS in Enfold theme options.
.main_color.iconbox_top .iconbox_icon { background-color: #498510!important; }
.alternate_color h2, .alternate_color h4 { color: yellow!important; }
.alternate_color h3 { color: #498510!important; }
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling
.sub_menu>ul>li>a { color: white!important; }
Best regards,
Yigit
Hi…I’m new at this WordPress thing and it might be completely inane but I’ve seen a couple of themes that have this window shade like thing that can drop down from top of screen & hold widgets etc and then sent back up with a click on something like… ^. I’d really like if it could be added without a lot of trouble.
Btw…I purchased Incarnation first for this church thing that landed in my lap but then purchased Enfold to try with a couple churchy specific plugin. Enfold offers a lot more flexibility and is just beautiful. Thank you.
Hi oakfurniturehub,
You can set your home page from the main theme options.
For a general how-to on using the theme take a look at this video: https://vimeo.com/channels/aviathemes/64927356
If you have any other questions just start a new topic in the Enfold forums and we’ll address your questions/issues there.
Regards,
Devin
Hi.
I just updated to the latest version and now a big part of my website is in german.
In the admincp, I see Portfolio Einträge and a couple of other changes. On the 404 page everything is changed to german.
“Es konnte leider nichts gefunden werden”
“Um die besten Suchergebnisse zu bekommen beachten Sie bitte folgende Hinweise:
Überprüfen Sie die Rechtschreibung immer sorgfältig.
Probieren Sie auch ähnliche Suchbegriffe, z.B. Notebook anstatt Laptop
Versuchen Sie mehr als einen Suchbegriff zu verwenden”
Even the widgets are in german.
-
This topic was modified 12 years, 6 months ago by
Semel.
Hi:
Link to my site: http://acrossrealestate.com/
This is only going to be a 1-page site, so I didn’t need and removed the Search box and Menu from the Header Right area.
How can I, instead, add the Business Phone number and maybe social icons to the right of logo?
Also, how can I add my own icon instead of using one of your Social Icon Links (top left)
Thank you,
eleina
-
This topic was modified 12 years, 6 months ago by
Eleina_Shinn.
I just updated to Enfold 2.2 and now the logo will display until the entire page has loaded and then it goes white. If you scroll to the bottom and back to the top the logo will show (sometimes) and other times it will appear to flash?
http://www.robbshirey.com
Let me know if there’s something I’ve done.
btw… love this theme and all of the updates you are adding!! Great work!
Hello again,
My previous thread was closed so I will be creating this new one.
The recent update has just been release (september 18th 2013) and I still don’t get the update in wp-admin using Enfold Child Theme.
I have double checked my Themeforest username and also my API – They are both correct.
How come I do not see the update?
Ok,
you´re right. It must be a conflict with one of my PlugIns. After I deactivate them all, it works.
Topic can be closed..
Thanks a lot
Best regards
What about the settings on the progress bar itself? Can you create a temporary admin account for me so I can take a look live.
You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)
Wordpress Installation:
Enfold version: 2.1
WooCommerce Version: 2.0.14
Wordpress Version: 3.6
Hello,
I am having trouble customizing the front page of my WooCommerce installation on my Enfold site. This is the page I am working with: http://198.252.65.103/shop/. Effectively, what I am trying to do is use the Avia Layout Builder to insert some content at the top of the page (as displayed) and then have the WooCommerce layered navigation append below that.
For some reason, the formatting is getting all screwy only when I use a Layout Element within the Avia builder (so 1/1, 2/2, 1/3, etc). If I just place a couple text blocks, the navigation works fine. However, as you can see we want to put some imagery beside our blocks so we need to figure out what we’re doing wrong or if it can be fixed.
Hello,
I have added an addthis vertical bar as per the instructions here:
https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header/
I am using the new addthis smart layer option with the following code:
<!– AddThis Smart Layers BEGIN –>
<!– Go to http://www.addthis.com/get/smart-layers to customize –>
<script type=”text/javascript” src=”//s7.addthis.com/js/300/addthis_widget.js#accoutcode”></script>
<script type=”text/javascript”>
addthis.layers({
‘theme’ : ‘light’,
‘share’ : {
‘position’ : ‘left’,
‘numPreferredServices’ : 4
}
});
</script>
<!– AddThis Smart Layers END –>
However, it really doesn’t look great on the slider on the homepage so do you know of anyway to hide it from the homepage? I have searched the net but can’t find anything that would help.,
Thanks
Andrew