Could you add an option, probably to the post editing Layout panel, to hide the featured image so it doesn’t show at the top of the post? I want to add featured images to all my posts so their thumbnails show up in various places, such as a block of blog posts on my landing page or in the You Might Also Like section at the bottom of posts. But I don’t always want those images appearing at the top of the post itself. Sometimes the images simply aren’t large or wide enough, other times they just kinda get in the way.
Thanks for any consideration.
I wanted to ask a closely related question about this if I can – on this thread?
Is there a formula for working out the column sizes – when setting a new basic page width? I guess the numbers don’t quite add up for me, for the column widths – is it a padding and margin and width calculation – from the page width number?
Many thanks,
Paul
Hey davidrk!
Please add following code to Quick CSS in Enfold theme optison options unde Styling tab
#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item > a {
background-color: #e1e1e1; }
Regards,
Yigit
another thing that seems buggy to me.
if i add a full size slide show element and insert a background picture with transparent png on top of it.
the fullscreen masonry gallery is when scrolling down overlaying the main menu.
this is not happening when i dont have the full slide show element ..
http://schach-welten.de/wordpress/?page_id=3490
please reade the reply before this, too !
stucki
Hi again, why is nobody responding to my posts ?
and why is it closed ?
please i need your help with this !
-
This reply was modified 11 years, 11 months ago by
stucki1.
This reply has been marked as private.
Hi!
Please review your website now. You can find custom CSS code i added in Quick CSS section in Enfold theme options under Styling tab
Regards,
Yigit
I’ve done it but it doesn’t seem to have made any difference. This is all the code I have in…
#header_main .container, #avia-menu a {
height: 143px !important;
line-height: 143px !important;
-webkit-transition: all linear 0.2s;
-moz-transiton: all linear 0.2s;
transition: all linear 0.2s;
}
.header-scrolled #header_main .container, .header-scrolled #avia-menu a {
height: 80px !important;
line-height: 80px !important;
}
#header_main img, #header_main .logo, #header_main .logo a{
width: 252px !important;
height: auto !important;
max-height: none !important;
max-width: none !important;
-webkit-transition: all linear 0.2s;
-moz-transiton: all linear 0.2s;
transition: all linear 0.2s;
}
.header-scrolled #header_main img, .header-scrolled #header_main .logo, .header-scrolled #header_main .logo a{
width: 126px !important;
height: auto !important;
}
.sub_menu { font-size: 16px; } /* changes the font size of sub menu */
.fixed_header.social_header #main { padding-top: 174px; }
.main_menu ul:first-child > li > a { line-height: 190px !important; }
Hi!
Please add following code to Quick CSS as well
.sub_menu { font-size: 16px; } /* changes the font size of sub menu */
.fixed_header.social_header #main { padding-top: 174px; }
#header_main .container, #avia-menu a { line-height: 190px !important; }
Copy category URL and go to Appearance > Menus and add it as a new link with # for URL so they will not be clickable http://i.imgur.com/9I3QF9j.jpg
Not sure if i understood "Tighten up the leading in the dropdown menus (e.g. Why Choose Us) to the default." clearly. Please elaborate.
Regards,
Yigit
Hi!
I’m not sure if this is easily doable or not. When you use the Avia Layout Builder the entire page contents and the template used is different. So when you use the portfolio visual editor it ends up using includes>loop-portfolio.php which has a tag output in that structure.
With the ALB, the idea is that it lets you completely do your own layout so there are no automatically generated items for any one specific page type.
I’ve tagged Kriesi on the topic since it may need a new builder element if that is doable in this instance.
Best regards,
Devin
Hi!
Please add following code to Quick CSS as well
#header_main .av_font_icon { top: -2px; }
#mobile-advanced a { min-height: 48px; }
#mobile-advanced .avia_transform .av_font_icon {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
Cheers!
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#expertise { border-top: 1px solid white; }
Best regards,
Yigit
Hi rdswestnet!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#av_section_1 .container_wrap, .avia-layerslider { border-top-style: none; }
.avia-layerslider .avia-shadow { box-shadow: none; }
#header_main { border-bottom-style: none; }
Cheers!
Yigit
Hi netinfoplc!
It seems like you have already removed the social icons. To move breadcrumbs higher, please add following code to Quick CSS in Enfold theme options under Styling tab
.title_container .breadcrumb {
z-index: 999; top: -92%; }
Best regards,
Yigit
Hi accunet!
Please see Kriesi’s post here https://kriesi.at/support/topic/kriesi-logo/#post-161892
If you would like to place social icons however, please see Josue’s post here https://kriesi.at/support/topic/tesimonial-appearance/#post-222032
Best regards,
Yigit
Hey,
we are using enfold 2.4.5 and have a full-width youtube video on intro page. We want to stop showing the youtube related videos at the end, but none of the codes seems to work – we tried adding the &rel=0 and ?rel=0 code.
Do you have any advice?
Thanks from zebra.bi
NOTHING SEEMS TO WORK
NAVIGATION
This code you provided me with worked for the a: current (how to remove the bar of color?
.main_color .sidebar .current_page_item>a { color: #cc4c21;}
The default “a” is very light (seems to be 50% of a solid colour. any way to change this?
same with the main navigation.
Please send code for Main Navigation to adjust:
color a
color a:hover
color ul a
color ul a:hover
WITHOUT this percentage of chose color making it too light.
Allowing anything within a color section without padding, margin etc… seems to be difficult
On Page: Workshop
http://www.tcm-team.at/workshops/
I tried a photograph in a 1/3 column, content in a 2/3 column – within a color section
On Page Sommerakademie:
http://www.tcm-team.at/sommer-akademie-am-bauernhof/
easy-slider in a 1/3 column, content in a 2/3 column – within a color section
used your code here and now there is no margin or padding at the top but still at the bottom.
when I add padding to the text column the slider also takes on padding
On page Studienreise
http://www.tcm-team.at/studienreise-nach-china/
content wrapped around a photograph – within a color section
-
This reply was modified 11 years, 11 months ago by
DaraEmerson.
I’ve recently purchase the enfold theme again and I’m just starting to develop this site http://www.test.theimplantcentre.com/. (login password to follow)
In an effort to enlarge the logo I’ve added in some code you supplied for the previous site but it’s not quite right. I few things I’m looking to sort out and would really appreciate your help:
– Double the size of the font in the top header (Patient site & Dentist site)
– Move the main menu (Home, Why Choose Us etc.) down so that it sits 1/4 of the way up from the bottom of its white panel
– Drop the page name and breadcrumbs down so they sit neatly below the header panel.
– Tighten up the leading in the dropdown menus (e.g. Why Choose Us) to the default.
– Make the column headings under ‘Treatments’ and ‘Care & Costs’ NOT clickable (like the http://kriesi.at/themes/enfold/) and the dark blue #0e2f61
I think that’s it for the moment.
Many thanks
Rupert
Hey hawea74!
By default the slider will ignore the mouse hover event and the autorotation won’t stop. However Kriesi added an hidden option to the slideshow script and you can activate it if necessary. Open up wp-content/themes/enfold/js/shortcodes.js and replace
hoverpause: false,
with
hoverpause: true,
Best regards,
Peter
Hey mgerenser!
1) You can try to add an opacity effect to the masonry images – insert this code into the quick css field
.av-masonry-image-container:hover img {
opacity: 0.6;
}
2) See https://kriesi.at/support/topic/question-about-the-full-width-masonry-gallery/
Regards,
Peter
This reply has been marked as private.
Hello,
I am currently using the following header:
“Header with Social Icons and bottom Navigation”
and i would like to remove the social icons part completely from the right side of the header, in order for my image to cover the whole now. Now it justs leaves some space for the social icons and the logo is not aligned.
Any chance i can remove them completely? or maybe place them in the top bar?
I know there are other types of headers, but this is the onyl one with bottom navigation
Thank you in advance.
Website
Screenshot
Hi bleepstudio!
Edit the page then look for Page Attributes > Template > choose the Blank – no footer, no header template. Add a color section then add “awesome-section” on For Developers: Section ID. Place 3 1/3 columns inside the color section and an Image element for each. Add this on Quick CSS:
#awesome-section {
width:100%; height:100%; position:fixed; top: 0;
}
#awesome-section .container, #awesome-section .avia_image {
height: 100%;
}
Cheers!
Ismael
Hi Amanda!
You can adjust the top and bottom padding of the posts title. Add this on Quick CSS:
#top .fullsize .template-blog .post-title {
padding: 2px 0;
}
Best regards,
Ismael
Hi!
The white spaces or gaps are cause by special headings and line breaks. You can add this on custom.css or Quick CSS to adjust the top margin of special headings.
.av-special-heading {
margin-top: 10px;
}
On the post “Shift Happens” there 3 p tags generated right after the post meta infos. You should check that.

Best regards,
Ismael
Don`t know how, but the sorting is back this morning – as it used to be. Topic can be closed.
This reply has been marked as private.
Hi!
This will fix it (Quick CSS):
#top .main_menu .menu>li:last-child>a {
padding-right: 13px !important;
}
Cheers!
Josue
I’m having issues getting things to vertically align to center within color sections. They tend to be slightly toward the top; if i reduce the padding to No Padding, they are top-aligned, but still with a large amount of space following below. It doesn’t look right. What am I doing wrong?
-
This topic was modified 11 years, 11 months ago by
charger70.