Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .aviaccordion .av-accordion-text-center {
float: right;
width: 100%!important;
}
.aviaccordion-preview * {
color: transparent!important;
}
.aviaccordion-slide:hover .aviaccordion-preview * {
color: white!important;
}
Best regards,
Yigit
1: Can you please help with the quick css to Invert Social Share Buttons making them so they look look like this.. But just in an element NOT on the top menu as well.
(I have to put images / examples in the private section due to the owners request.)
2: The top menu is not inline with the main menu? The facebook item needs to be in line with the ” Home” menu item on the main menu
3: On a menu item you select a menu to have the ” Button styles bordered” You can see that on the image around the “Next xxxxxxxx 2015″
It has the boarder but when you add the same label to a Top menu item and select ” Button styles bordered” it does not work.. The menu item for the one on the site has the same style options selected for both the main menu and the top menu.. for “Next xxxxxxxx 2015”
Many thanks
-
This topic was modified 9 years, 10 months ago by
mmsdev.
Hi,
Some time ago my problem of superimposing between the logo-menu bar and the bar of page’s title (with the “where you are” link) had been settled (by Yith) with the snippet following:
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
padding-top: 158px !important;
border-color: #f2f2f2 !important;
}
.title_container {
border-color: #e1e1e1 !important;
}
However this css snippet create another responsive problem on mobiles and tablets by letting appear a wide space between the two bars.
Have you a solution for this problem?

Thanks a lot for help *_*
Philippe
Hi,
Please add following code to Functions.php file in wp-content/themes/enfold/ folder
function av_custom_iframe_height(){
?>
<script>
jQuery(window).load(function(){
jQuery( "#top .av-subnav-menu > li > a").click(function() {
var closeTheCap = jQuery(this).closest("#top .av-subnav-menu > li ul");
closeTheCap.toggle();
});
});
</script>
<?php
}
add_action('wp_footer', 'av_custom_iframe_height');
Editor does not show up under Appearance tab, so we could not add the code
Best regards,
Yigit
I had tried that originally before seeking support. It doesn’t work. Here is a screenshot:
https://www.dropbox.com/home/enfold?preview=enfold-before-under-search-bar.png
Changing the margin of the tribe events bar doesn’t work — it gets overridden. But it’s not desirable anyway. I don’t want that bar to get pushed farther down the page because I’ll end up with a huge white space between the header and the page content.
The problem is the top of the tribe template is under the events bar.
This is what it looks like with nothing in the “before” field:
https://www.dropbox.com/home/enfold?preview=enfold-no-before.png
This is what it looks like with text in the “before” field. It simply pushes the whole tribe page template down.
https://www.dropbox.com/home/enfold?preview=enfold-tribe-template-div-with-before.png
That behavior is not right. It doesn’t happen in other themes.
On my mobile device (iPhone 6+) the color section which contains my hero image in the background does not display. Should I use an image element here instead? My goal is to have a full-width image across the page, as seen on the desktop version of my site.
Problem persists after all custom css and plugins are disabled.
Thanks
Hello
I set a video on my color section background (youtube link) , but on galaxy tab, android, the video doesn”t start., it supposed to be on autoplay I can sse the start button video but i can’t click it.
Cheers
Nad
-
This topic was modified 9 years, 10 months ago by
Nad.
Hey teachingwithamy,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .fullsize .template-blog .post .entry-content-wrapper > *,#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 100%;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi Yigit and Rikard,
My website is online ! But you cannot acces to it cause I set up a coming soon page.
So like on the other topic, I give you in private content an acces to my website.
Thanks for your help.
Clement
Hi,
Thank you for the info I had not received it earlier.
To achieve what you are looking for I had to comment out some css and add the below in your child theme styles.
.html_header_top #top .av_menu_left .main_menu{
display: none !important;
}
.av_minimal_header #header_main .container {
margin-top: -90px;
}
Please refresh the page to clear cache and review the site :)
Best regards,
Vinay
Hi Vinay,
Thanks for your help. The Color Section widget with Padding = Non helped a bit but the content is still not displaying the entire width of the page. I’m hoping to have the content display the same width as the Full Screen Slider at the top of the page: http://designinside.com/portfolio-item/ukrainian-village-master-bathroom/
Also, I would like this style to be applied to all portfolio entries so I think that will change how the CSS is configured since it looks like the sample code you sent me only applied to this single portfolio entry with ID=4382.
Thanks again for your help.
Hi there,
On the page in the link below I have used pictures as buttons and I would like to jump to another part of the page using a link with, for example, #video like in the left picture.
– I would like to ONLY have a hover effect that changes the size like the one on the right, but this only works on pics that have NO link behind it. The left and middle picture have links like #video to scroll to another part of the page, but then the default hover effect is used (white square and green circle) on top of the change in size.
– Can the buttons go SMALLER instead of bigger on hover, otherwise the picture gets cut off at the edges in this 1/3 column width.
BTW: When I use 1/2 columns that doesn’t happens, why is that?
Thanks!
Hello
I would like to have two menu’s on my page. In fact it is a combination of two templates that you show on the demo pages.
I need a menu on the right (like it is here for example: http://kriesi.at/themes/enfold-shop/)
But at the same time I need a menu that is under the logo (like is here: http://kriesi.at/themes/enfold-construction/)
If you take a look at the second example, what I want is an extra menu there where the social icons are …
Is this possible?
– Is there a way to replace the social icons from example 2 with a 2nd menu?
OR
– Is there a way to use the space in the top-bar where you can put a menu too, but then ‘lower’ it so that it is on the same height of the logo
OR
– Is there a way that I place the logo in the space on the left in the top bar (and make that top bar larger …
Thank you for the reply.
Hi,
Can you help me?
I had a filter for categories on my blog page. Don’t know what happened, but it disappeared.
Have tried changing the masonry-options.
Have tried this: https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/
Both, no luck :-(
Will you be so kind to help me please?
Maaike
there is something wrong with the whole site. even look at the top black bar with the contact,. i can’t get the padding to go away. i’ve tried without the 1/1 layout , no padding, small padding, etc.
the whole site is not functioning properly. how can i debug this?
Hi,
I’ve got issues with my contact form on a particuliar site. On the mobile version, the “Thank you” message don’t show up after sending the message.
Also on some Windows 10 Desktops. What can I do?
Enfold Version: 3.5.4
WP Version: 4.5.2
Site: http://www.massen.lu/knigge
Thank you
-
This topic was modified 9 years, 10 months ago by
owls_studio.
Ola,
Thanks for your reply. It works, how ever when scrolling down the menu doesn’t stick at the top. Is there anyway to change that?
Kind regards,
Folkert
Hey guys,
is it possible to add 2 colored horizontal “design lines” on top of each other right below the menu/logo area of the enfold theme ?
Best regards,
t.
Hi!
Sorry for the late.
The site is only one but there are multiple hostname dns entries that point it.
But the problem is in the layerslider plugin that renders the slide without relative URL (even if the flag is enabled in the setting of each layerslide).
We made a test in another website where we installed the enfold theme:
We entered admin dashboard with https://xxxx, we uploaded one image, created one layerslide and inserted it into a page.
Then, as anonymous, we visited the page with http://xxx and we verified that the source code referred the image with https://xxxx.
The side effect is that user is not able to display slide because the browser stops the loading of the image for security reasons.
Thank you.
Federica
I have had to go and manually change all of the containers in the site to be full width, stop floating left, and stop compressing.
now, under the header there is a white space below the full slider. I put a small whitespace in there. It put it in a div and i can’t get rid of the huge padding. I even tried to class it, but the class isn’t showing up and won’t let me do any adjustment.
look at the white bar under the header. there should be a class called: smsb
for the div. not just the white space. i tried everything.
Hi @Ismael,
Perfect. That’s what I was looking for. But how can I change the looks of the blog grid on the ‘Achived page’?
I want the blog grid on ‘Meddelelser Test’ to look like the one on ‘Meddelelser’.
The blog style I have selected:
– Grid layout
– 3 columns
– Title and Excerpt + Read More Link
– Choose the preview image size manually (select thumbnail size)
– No scaling (Original width X original height)
– 9 Post number
– Deactivate Offset number
– Pagination Yes
– Always Display the element Conditional display
And I have a CSS for ‘Læs Mere’ (Read More) under each blog grid post:
.invfront a.more-link {
top-padding: 10px;
color: #2c4143;
font-weight: bold!important;
}
What CSS should I apply to change the blog grid to match the layout of ‘Meddelelser’?
-
This reply was modified 9 years, 10 months ago by
changegroup. Reason: added CSS for read more button I use
brill, thanks :)
One more question..
I have a contact form with a dropdown menu listing multiple topics. Then I have links in other pages that I would like to direct to the contact form with the proper topic already selected. For example, in the photographic service page there is a button for inquires which takes to the contact page form. When clicked I’d like the contact form topic field to show ‘Photographic Service’ instead of the standard topic.
Hope I made myself clear enough :)
Many thanks
David
Thank you very much Vinay, you pointed me in the right direction, actually for a bottom bar you will need the WPFront Notification Bar which has a setting to place it at the top or bottom of the page. thank you
Hi,
Can you see the issue if you are logged in or have permission to view the page? Avoid setting the header to that option because there’s actually nothing in the page if you’re not a member or not logged in. You can set a minimum height to #main container which enables you to scroll down and see the header but it doesn’t make sense. Why would you hide a header on a page without content?
.html_header_top.html_header_sticky #top #wrap_all #main {
min-height: 500px;
}
Best regards,
Ismael
Hi Markus,
I’ve tagged the topic for our german speaking moderator, please wait for his reply.
Best regards,
Rikard
Hi Marcel,
Ok great, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
I see. Add this in the Quick CSS field to move the tribe events bar downwards:
#tribe-events-bar {
margin-top: 50px;
}
Use the following css if you want to move the custom html:
#top #tribe-events-pg-template .tribe-events-before-html {
position: relative;
top: 20px;
}
Best regards,
Ismael
Hey Nicoletta_DUS,
I’ve tagged Andy for the topic if you want to keep communicating in german, if not then please post your question in english.
Best regards,
Rikard
Hi,
I tagged Andy for the topic in case you want to keep communicating in german.
Best regards,
Rikard