This doesn’t seem to touch the top navigation or do anything to the main navigation

This is the effect I want on the top menu:
http://css.maxdesign.com.au/listamatic/horizontal02.htm

Can you help?

Thx for the reply. Unfortunately this solution doesn’t work for me because I need to add it to a color section background image.
I tried to use the code from the full screen slider button () but every time I save the text block (yes, I am in the text mode) and open it up again it’s gone.

Coud you please tell me how I can add an icon with a class on top of a color section? That would be awesome.

Thx a lot!

• This reply was modified 12 years ago by aIVIis.

Hi Yigit,

no, the header is still not the way i want. I checked it on 2 Laptops. Cache is cleared of course.

See here:

Regards

Simon

• This reply was modified 12 years ago by simonac. Reason: wrong link

I referenced your support messge #195536 to get the

.slideshow_align_caption { top: 47%; vertical-align: inherit;}

Which does not seem to work in Firefox.

Thanks.

I removed this line in the custom css to get the caption to display properly

.slideshow_align_caption { top: 47%; vertical-align: inherit;}

I’d like to move the caption down a bit yet have it display properly in Firefox. Any help would be appreciated.

Thanks.

Hi guys,

I haven’t added much so I’ll just post it here (hope that is ok)

#top .avia-logo-element-container img {
width: auto;
}

.big-preview { pointer-events: none; }

.image-overlay { background: transparent; }

.main_color .image-overlay .image-overlay-inside::before {
background: #FF972D;
}

.image-overlay.overlay-type-extern .image-overlay-inside::before {
background: #FF972D;
}

.footer_color .news-thumb {
background: none;
}

They are basically just code changes I found on the forum to fix a few things.

Hope that helps

Thanks

To display the caption as need I added the custom css – it’s displaying properly on Chrome, Safari and Explorer but not Firefox.

.slideshow_align_caption { top: 47%; vertical-align: inherit; }
div .slideshow_caption p { font-size: 2em; line-height: 1.5em; color:#ffffff; text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);}

Thanks.

1. The width field settings in Formidable are being overridden by Enfold CSS:
/* #Forms
================================================== */
#top .input-text,
#top input[type=”text”],
#top input[type=”input”],
#top input[type=”password”],
#top input[type=”email”],
#top input[type=”number”],
#top input[type=”url”],
#top input[type=”tel”],
#top input[type=”search”],
#top textarea,
#top select {
…
width: 210px;
…
}

2. In Formidable, if I choose the field labels to be set to “none” (rather than top, right, left, etc…) then the “block” CSS parameter overrides it:
#top label {
display: block;
font-size: 12px;
font-weight: bold;
}

It seems if I get rid of the “#top” class in the Forms area of Enfold’s base CSS, then I should be ok? I’d rather not mess at all with the base CSS. But I need to solve this is my client’s site.

I’ve continued this thread because it’s the same place. The misalignment problem seems to have fixed itself with a theme update. but I have major problems in this page. I can’t get the simplest of css to work reliably or consistently.
Here is the URL again. http://www.ccrasa.com/carbon-credit-information-library/
I am trying just to put each entry a colour background and a small margin, then I can do some :hover effects and easing of those. I can’t even make a background box that stays in the right place – as you will see from the ‘column headings block’ at the top of the entries. I’ve spent ages trying to do the most basic thing. Looking at the source I can see one remnant from a library system that I as trying that I can’t see in my editor, but that is commented and isn’t the problem. <p><!– [fileaway color=”purple” iconcolor=”red” style=”silver-bullet” paginate=”yes” type=”table” pagesize=”40″ mod=”no” corners=”roundright”] –></p>.
Any light you can shed will be gratefully received. The bit I have no cntrol over is written in the Formidable View editing window and is placed in the page with a shortcode.
This is an example of the sort of thing that happens http://dev.ccrasa.com/carbon-credit-information-library/
thanks
Tim

• This reply was modified 12 years ago by KingConga.

Hi Ismael,
thank you for your reply.

q.1 This has fixed the logo placement thanks.
Regarding the social media icons I think logically the only design layout that works on a smartphone is to have the logo centred on the first row and then below a second row containing the menu button on the left followed by the social media icons to the right

Top row – Logo (center)
Second row – Menu button, facebook icon, twitter icon, etc.

q.2 Thanks, is there any way to adjust at what pixel width the mobile menu is activated (990px and 768px)

q.3 Thanks. I have done this with a photo of a runner in a green vest at bottom of page
http://terenure5mile.com/terenure-5-mile-race-2014/
and the video is opening in the lightbox perfectly.
In Firefox, Safari and IE it always darkens the background but in Chrome it only darkens the background on opening the video maybe 60% of the attempts. I am on Chrome Version 33.0.1750.152. Anything I can do to fix?

q. 4 I am on version IE10
the top image is overlapping into the Sidebar on top of the widgets.

The page in question now has Url http://terenure5mile.com/terenure-5-mile-race-2014/

Thanks for all your help