I got some ideas that i can use this them for all my Projects ;) I know its so much. But Enfold have the best Page builder i ever worked. :D
1) for Pages, Posts and Also Archive Pages the option to change the header BG color and Image like colorShemer element. Is it possible for the next update? I dont wanna use another Theme… Like this examples http://artbees.net/themes/jupiter/blog/ http://artbees.net/themes/jupiter/pages/faq-page/ http://artbees.net/themes/jupiter/features/
2) Admin Option to set the layout for Portfolio Category Pages
3) Admin Option to set Globally -> Related and latest Posts for Portfolio or Blog Single Sites
3) Icons Box -> options for size, color, Background-color – squared or circle or transparent
4 a) New Isotope Fullwidth Layout for Page Builder also for Archives Pages (Portfolio and Blog)
for Example http://pixelgrade.com/demos/senna/portfolio/
4 b) Isotope Gallery for Example http://pixelgrade.com/demos/senna/portfolio/the-mille-miglia/
5) Category Pages for Portfolio http://pixelgrade.com/demos/senna/portfolio_categories/design/
6) Pre Header with collapsble Responsive Menu like Main Menu -> like This http://themes.jozoor.com/?theme=Invention-HTML
Best Naci
Thanks Ismael,
It worked for me, I just had to add !important to the styling:
@media only screen and (min-width: 1024px) {
/* Add your Desktop Styles here */
#menu-item-2606 {
display: none !important;
}
}
One more thing: what I’m hiding here is a fourth column in a mega menu. The result is that the other three columns now show up spreaded over the space for four columns. Is there a way to avoid this?
Regards,
Daniel
Hi,
Just creating a site using Enfold – love it.
Just a quick couple of questions that I haven’t been able to find complete answers for on your forum.
1. I have changed the color of the top bar to black and shifted the social icons to the right. What I would like to do is change the ‘normal’ color of the icons – i.e. what they look like when you go to the page and don’t put your mouse to them – to the individual colors that show now in hover state eg twitter blue, facebook blue, email green etc so that there is a pop of colors in that right hand corner. I’d then like to change the hover state to either a slightly brighter or maybe lighter version.
2. How do I change the css so that the icon list icons are the same colour as the icon box icons instead of the dull grey color they are by default?
3. Also, can I change the color of the individual icon list icons so that they match the color of the social icon ones. EG make Twitter twitter blue, facebook facebook blue etc?
I am not sure why, but the topic got deleted so i have to ask it again.
I want a sidebar menu with sub levels like
A
-A.a
–A.a.a
It looks like that this wont’t work with the sidebar, so how can i do that?
Thanks
This Code does not work for me. I want the same thing.
Used this Code mentioned here:
https://kriesi.at/support/topic/logo-size-enfoldtheme
Works for the logo but now the whole header area reaches into the slider. How can i fix that?
I figured out the footer
#footer {
padding-top: 50px;
but still not the footer subhead color
I can use the magic wand to insert shortcodes. However, I don’t have a way to view the HTML output as I’m creating. I have two tabs: Visual and Text. I see in other themes two tabs say Visual and HTML. Do I have some setting wrong? Is it not available. It’s very difficult to edit this way and will be impossible for the users of my site to handle this.
This is what I see under each tab:
[av_tab_container position='top_tab' boxed='border_tabs' initial='1']
[av_tab title='The full scoop' icon_select='no' icon='1']
Tab Content goes here
[/av_tab]
[av_tab title='Register' icon_select='no' icon='1']
Tab Content goes here
[/av_tab]
[av_tab title='Photos from past years' icon_select='no' icon='']
Tab Content goes here
[/av_tab]
[/av_tab_container]
Great thanks! That worked for the menu. Now could you help me do the same for the footer subheads? Also I would like to bump my footer content down, so I guess add padding to the inside top of the footer?
Hi.
2 questions:
1. I’m looking to use different Google fonts to the limited number you allow for selection in the style settings. How can I use other fonts?
2. How can I stop auto capitalisation of headings?
Thanks, Ryder
The menu issue has been resolved. Please provide solution ASAP to my 2nd issue: On iPad, portrait view, the website has overlapping of the text in the promo box and the promo box button. The text currently has soft returns entered so that the text didn’t overlap the box in standard desktop view, but it still overlaps in iPad portrait view. How can this overlapping be removed for only iPad portrait, or at least iPad?
Please, it’s been two weeks, I really need a solution for this promo box issue.
Thanks for that, unfortunately, no, it didn’t work, the code tweak to “position: relative” made the header non-sticky. They need the header bar to be static, but when scrolling the main menu text starts moving upwards. I need to lock the menu to the header.
I tried changing the header to “non-fixed with social”, then apply the following code:
#header {
position: fixed;
margin-top: -115px;
}
then tweak the main content block to push it down by 115px.
/* remove the padding from the main content to the bottom of the header (not needed with fixed header)*/
.fixed_header.social_header #main {
/* padding-top: 115px; */
}
This had the desired effect, and the menu items actually sat where we wanted them towards the bottom (not middle) of the header bar, and stayed static (and sticky on screen) when the page scrolled. However, this had the side-effect of breaking when changing screen resolutions.
As for 3) – I found the theme styling setting for it and hard coded the colour in the child style.css.
In relation to the moving menu, I’m hoping it’s a simple CSS override as I’m hoping to not need to mess with the JS or PHP in the backend in case there’s a theme update that breaks any customisation, and as a newbie, if it comes to that, I’m hoping someone just points me in the right direction.
I need to add a slider to the top of my blog page below the header. What is the most effective way to do this?
(I can’t use the layout builder, because the layout and design of the blog posts in the block element do not look as good as the blog page.)
Hope you can help me out. Thank you.
Hi there
Great theme.
Is it possible to force the logo to overlay over ALL elements, to the top?
Heres my site
http://www.thenaturalpharmacie.co.uk/hidden/
And heres my custom CSS that doesnt work
logo img
{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
display: block;
width: 230;
height: 230;
max-height: 250%;
z-index: 10000 !important;
}
First sorry for the late reply.
1) Insert following code into the quick css field
.fixed_header #header {
position: relative;
}
2) Use following code
#top .social_bookmarks li a {
color: #333;
}
.social_header .phone-info span {
color: #333;
}
.social_header #top .sub_menu>ul>li a {
color: #333;
}
3) Yes – the code seems to be ok. the “float” attribute won’t break the responsive design.
Hey!
Did you try to install the latest German translation file from the MarketPress devs: http://marketpress.de/support/topic/deutsche-sprachdateien-fur-woocommerce/ ?
Best regards,
Peter
Hi there, we sent an email to you a few days ago with a link to this post and our website. Please let me know if you want me to resend. We’ve also encountered a number of other problems with IE8 and while we understand that some of this may be caused by the fact this browser doesn’t support media queries / responsive layouts, it would be good to see if these problems are indeed caused by this or something else.
Unfortunately, many of our potential clients will view the site from a company computer that may be stuck on IE 8 due to their IT department, so we really need the site to look good in this browser.
What would you prefer us to do here please? Post individual topics or email the issues to you all in one go, as we can’t post live URL’s in the forum?
Many thanks for the great support so far.
Hi,
1.) All the gallery images are showing, it takes time. I suggest you upgrade your domain service plan to speed up the page load. You can also use cdn, caching plugin, minify plugins and optmize images to increase page loads.
2.) Remove the height, use this instead:
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 25%;
max-height: 147px;
}
#top div .avia-gallery img {
max-height: 100%;
}
Regards,
Ismael
Hi, there. I am trying to add a top level menu into side menu section.
Please refer to the screenshot first.
https://docs.google.com/file/d/0B5xOlC5VlRXrbk93M2lqdmxiUVE
Basically, I’d like to show the top level menu into the side menu section and it displays as default page.
how can i do that?
Hi,
Edit header.php, try to paste the php lines on top of this code:
<?php
/*
* display the theme logo by checking if the default logo was overwritten in the backend.
* the function is located at framework/php/function-set-avia-frontend-functions.php in case you need to edit the output
*/
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
Then the javascript on footer.php, paste it on top of this code:
<a href='#top' id='scroll-top-link' class='avia-font-entypo-fontello'></a>
<div id="fb-root"></div>
Regards,
Ismael
Hi MK,
You can do that in the theme options Styling options under the Header tab. Look for “Header background color” and you can use the color picker there to set your header background color.
Regards,
Devin
No, it does not. As indicated in the change log and in the post above by Ismael here https://kriesi.at/support/topic/flat-button-rollover#post-127257
You need to re-do that step. There are a number of features that can be manually added in with code like this but are not on by default because if used improperly they can cause things to break.
Also, how do you put an image on top of a standard blog post like this: http://kriesi.at/themes/enfold/2012/01/14/this-is-a-nice-post/
When I try to add media content, the image only shows inside the blog post rather than on top.
i also try incresing padding to match the height to 156px in the quick css area but nothing happens
.fixed_header.social_header #main{ padding-top:156px; }
it´s one day since my first post i am getting disapointed
By re-sizing the menu/logo you can have a fixed menu without wasting a lot of space at the top. Afaik many users find this feature useful – i.e. I conduct a private workshop last weekend and the client told me that this feature was one of the main reasons why he bought Enfold because it shows him that the theme author takes care of important details…
I have used numerous responsive themes and none of my logos resize when I am just scrolling down the page on my desktop. I understand resizing for the use on smartphones etc..but it should not do that on your desktop 27 inch monitor. Doesn’t make sense to me when I have never seen other themes do it. I find it quite annoying on the desktop.
I just opened my website in IE8 and there are a TON of things that are broken. The menu overlays the logo, the text is stretched, the blog preview images are stretched on my homepage, and all of the buttons are transparent with no blue background. I tried the fix listed in this topic: https://kriesi.at/support/topic/buttons-in-ie8, but nothing changed. This is a bit urgent as we’re doing a soft launch of the website tomorrow. Advice?
Here’s a link: http://goo.gl/jGUCw
Thanks!
Hi Sparkwoodand21,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.single-post .fullsize .template-blog .blog-meta {
width: 180px;
}
Let us know if you run into any issues, I’m not sure why that is getting the smaller value as the css looks recently updated in the theme and it may have been a fix for something else that is unintentionally causing this issue.
The above css will only target the single post pages so it shouldn’t cause any other issues but just let us know if it does at all :)
Regards,
Devin