I haven’t used the !important rule.

I am just picking out selectors and trying to edit them. I would appreciate a list of the selectors for:

• background of the menu container
• font size and color of the menus & submenus

My site is still in maintenance mode, but it is the same with the ENFOLD demo theme:

the round circled images in front of each comment is also no longer there at the demo, take a look here:
http://kriesi.at/themes/enfold/2012/12/12/lorem-ipsum-dolor-sit-amet-consectetuer-adipiscing-elit-aenean-commodo-ligula-eget-dolor-aenean-massa/

No image in front of each comment!

EDIT:

I just discovered, that this is obviously a browser issue:

The circled images in front of the comments (at the DEMO!!!) are not there in Firefox 24.0 (Javascript enabled), but in Opera and Chrome browser they are there. I use Windows desktop 7 prof. 64bit:

Opera & Chrome browser:

Firefox 24.0 under Windows 7 prof. 64bit:

See here the Firebug result:
http://oi44.tinypic.com/msc3zt.jpg

• This reply was modified 12 years, 3 months ago by BeeCee.

OK, I will try to explain it another way.

I use the FullCalendar plug-in, and the default background of the header above the calendar is white – this doesn’t match my Enfold custom theme styling. So, I use some custom CSS to change this background to match that of the enfold theme background of the page where the calendar is instantiated.

I use the following CSS code, where the #f8f8f8 is the colour specified by my Enfold theme-styling Main Content Background color.

.fc-header-left {
background-color: #f8f8f8 !important;
}

This works great. Now, if I decide to change my Enfold theme styling color in the Enfold settings tab, from #f8f8f8 to say #e0e0e0, then I would need to remember to also manually change the colours specified my custom CSS file from #f8f8f8 to #e0e0e0.

So, the question is, can I reference the Enfold theme styling colour/variable/definition directly? E.g. to change my CSS to something like….

.fc-header-left {
background-color: $get_enfold_alt_back_color !important;
}

As this way, any theme styling change made in the Enfold theme-tab, would automatically propgate to any custom changes I’ve made in the custom CSS.

Thanks

Hi Ismael ,

Sorry I’m going to change my question.

1.) I want a similar navigation like the kriesi site , the social icons look really neat in the navigation. Is this possible in enfold ? I’m using a small non fixed header. If this is a lot of work then I’d rather skip this.

2.) My main issue is with the icons I want to place before the footer. I want the icons inside + the circle to be much bigger , I found this code >

.iconbox_top .iconbox_icon{
float:none;
position: absolute;
left: 50%;
top:-26px;
margin:0 0 0 -26px;
padding:15px; <<< increases the circle size
border-radius:100px;
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box; /* Firefox, other Gecko */
box-sizing: content-box;
font-size: 20px; <<< increases the font inside
line-height: 24px;
}

My main issue here is I can’t center the icons, i mean not all of them. For example facebook centers fine, while vimeo doesn’t

Hi Ismael,

nice, it works. Thanks a lot…!

Any idea how to fix the background height of the nav items during hover them? I need a max height of 30 px…

Best regards,
Bruno

Devin, why would it have an issue with it now in the current update and not before? I put it there as I need some extra whitespace above the image. Is there another way to get this whitespace?

Yigit, are you still not seeing it right in Firefox? It shouldn’t have shown a blank page the way it did.

Thanks Devin. Why would it have an issue with it now in the current update and not before? I put it there as I need some extra whitespace above the image.

Yigit, is Firefox ok for you now? Your photo concerned me =(

Weird, the iPhone is fine for me now too! Ok well that is done then.

I don’t understand why you see nothing in Firefox… that’s not good! Can you try again? The only issue I’m having in Firefox is with that image mentioned.