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
This reply has been marked as private.
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.
This reply has been marked as private.
I have created another website using the Enfold theme and am having problems with background colour for my contact form. This is the page where it appears.
http://www.yourmarriagecelebrant.com.au/wp/contact/
Although I have used the following code successfully on another website, this time adding the following to quick CSS didn’t work.
#top.page-id-44 .ajax_form.avia-builder-el-4 {
background: rgba(255, 255, 255, 0.9);
padding: 10px;
}
Your help would be appreciated
Hi GOWD!
Please try following code
#top .social_bookmarks_gplus:hover a {
color: #de5a49;
background-color: transparent;
}
#top .social_bookmarks_gplus a {
color: white;
background-color: #de5a49;
}
Cheers!
Yigit
Hey Guys,
if I do not use a sidebar in the portfolio-items, the portfolio-items picture (Beitragsbild) stays in the width of 720px- but it should be 100%.
How can I change this?
Is there a possability to get rid of the picture- sometimes I want to use the portfolio-items picture for the portfolio overview-sites, but don’t want it to appear on top of the portfolio-entry, because it is cut out automatically and the cutting isn’t perfect
Thanks for your help!
Hi Leroy!
That element is called Partner/Logo Element which you can add to your page under Media Elements in Avia Layout Builder. To remove arrows and dots, please add following code to Quick CSS
#top .avia-slideshow-arrows a, .avia-slideshow-dots { display: none; }
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
body .av-special-heading .av-special-heading-tag { padding-top: 1px; }
This should fix ‘&’ issue. Do you mind creating a temporary admin login and posting it here privately? I would like to check the element
Regards,
Yigit
Hi – thanks for creating a great theme… by far the best i have worked with so far.
Couple of questions – I am trying to figure out the best way to create a resource section on the site for whitepapers, reports, presentations, videos etc. I would like to be able to sort these based on 2 filters – type and topic e.g. Whitepaper is main type and then be able to sort all whitepapers by topics. I’ve played around with using the portfolio for this, but not sure how to do this the right way. I tried to create different pages for types and add portfolios based on parent category/topics, but then the sorting doesn’t show above the grid unless i add the type category as well and I don’t want that listed in the sort choices. Hope that explanation made sense…
Do you have a suggestion to have i best accomplish this – using portfolios or maybe another plugin?
Also – for the portfolio is there a way to remove the random animation when sorting?
Thanks so much in advance
Fantastic job Michael! Thank you for this solution. As I stated in my thread (https://kriesi.at/support/topic/pagination-issue/#post-249977), THANK YOU for offering this up!
Gratefully,
Justin
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
I had the same issue and found a workaround. Maybe it solves your issue too. Please see https://kriesi.at/support/topic/blog-pagination-6/#post-249965.
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.
Same issue here-when I add contact elements to the page, it pushes the content elements at the top of the page to appear underneath the transparent Header.
Without added content, the “Welcome” icon box is below the transparent Header.
http://rva-aspe.scottbelldesign.com
-
This reply was modified 12 years ago by
rsbell.
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.
This reply has been marked as private.
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,
Enfold and Formidable Pro aren’t cooperating. I contacted Formidable support and they said the “#top” class in Enfold CSS is overriding Formidable CSS (my forms aren’t displaying as they should). It seems they should cooperate since Formidable was recommended : https://kriesi.at/support/topic/recommended-plugins-last-update-04-09-2013/
Please help as I need to finish my client’s site!
Thanks
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
Came across this great video which takes me most of the way in getting a avia layout builder on custom posts.
https://kriesi.at/support/topic/displaying-custom-post-types-inside-of-the-avia-layout-builder/
Just need a little help with the code to add a filter to my child theme functions.php file. The video shows what to do with the file /enfold/config-templatebuilder/avia-template-builder/config/meta.php to make it work but I’d prefer to keep within my child theme.
Thanks in advance for the great support!
Sorry for highjacking your post but as I have the same issue and already found the bug I thought it might be useful to tell you:
https://kriesi.at/support/topic/blog-pagination-6/#post-249910
Regards
Michael
Sorry for highjacking your post but as I have the same issue and already found the bug I thought it might be useful to tell you:
https://kriesi.at/support/topic/blog-pagination-6/#post-249910
Regards
Michael
Hi steveinz!
Already answer here, https://kriesi.at/support/topic/slider-that-automatically-scales-but-does-not-crop/
Please do not open multiple questions of the same topic.
Regards,
David
Hey Vabel!
Without an URL all i can do is guessing, what is probably happening is that the image overflows it’s container hence forces the sidebar to jump down, you could add the following code to avoid this situation on that particular image.
.the-image-that-overflows img {
display: block!important;
height: auto!important;
max-width: 100%!important;
}
Regards,
David