I found a piece of custom CSS code to bottom align the Read More button at the end of a blog post grid etc.
.html_elegant-blog .avia-content-slider .slide-entry-title {
min-height: 230px;
overflow: hidden;
}
The problem is that on my home page (http://dev.watchdetail.com where I have one featured Blog Slider up top and then a grid of blog posts at the bottom, it aligns both of them which makes it very weird. Is there a code I can put in that will just align the post grid ones and leaves the top part alone?
Thanks
Hello,
I’m trying to get my homepage to load faster by optimizing my layerslider images: http://heaven11audio.com/
When I upload an optimized version, it’s 27k in the media library: image
But when it appears on my homepage, the same image gets ballooned to 51k!!!! layerslider version
What can I do to stop this and preserve all my hard work of optimization?
Thanks guys,
Update: Please disregard and close the topic. I spoke to a designer friend of mine who is familiar with Enfold who said plugins like Akismet and others don’t come with the theme. She has to install individually, so that’s what I’ll do. In regards to the color scheme issue, I resolved by deleting my cache. Thank you and sorry for the inconvenience.
Hello there,
I love Enfold! It makes me appear to be a top-notch web designer! Love it!
I have a blog date-display question:
As far as I can see, I have chosen to hide the date of my blog posts. I am using the masonry gallery to display the blog posts on my landing page. I have clicked the ‘display title’ option. I only want the title to display on my blog featured images, but the date appears there, also. I would like to remove the date but keep the title. How can I do that?
Thanks!
Sheri
x
Hi
I found a way of doing this, using this code: http://stackoverflow.com/questions/34641322/how-do-i-move-the-woocommerce-sidebar-to-be-above-the-shop-items-so-that-it-is-a
It currently looks like this:
http://corrvintagewatches.com/cvw/shop/
It works ok on desktop, but at lower screen sizes the watches drop to the bottom of the page. Could you recommend a way to make the columns switch from 4 to 3 sooner? Or another way to make this work? Many thanks.
The feature was already added to Enfold to display pan control, but stopped working recently.

Hi Andy!
Actually no, i just replaced one of the masonry gallery for a single image mergind all the four. If you scrolldown de mobile site you will still see the “error” (ok is not an error, but my client want it in mobile version as is in desktop).
Please help me!
Hi Yigit,
No further questions for now.
Can you please flag this topic as closed?
Thanks & have a nice day!
Regards,
Monique
Hi,
you can adjust it using CSS code:
#top #main .sidebar {
width: 30%;
}
#top .sidebar_left .content {
width: 64%;
}
Adjust as needed.
Best regards,
Andy
-
This reply was modified 8 years, 11 months ago by
Andy.
Hi Andy,
nope, sorry. It’s not working because the text at the attached link is an additional reply and not the topic description. I’ve just deleted the reply and now the text isn’t visible as in the other topics.
I also tried deactivating caching plugins, but this isn’t working. Maybe you have another idea?!
Best regards,
Jannik
Hey Tom,
Your page requires a password :)
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top textarea {
max-height: 100px;
}
#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 {
font-size: 16px;
}
Best regards,
Yigit
Hi
I’ve pasted a link in the private section below. Notice that the tags are stripped in the preview snippet for the top two posts but the third one down passes the h1 tag into the preview snippet. What’s wrong? How can I get them all to behave the same way?
Hey!
Please add following code to Quick CSS
#top .main_menu {
border: none;
}
.avia-menu.av_menu_icon_beside {
border-right-style: dashed;
}
Cheers!
Yigit
Hey Cmpannuk,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_top.html_header_sticky #main {
padding-top: 129px !important;
}
Best regards,
Yigit
Hi,
Sorry for the late reply!
Please go to Appearance > Editor and open functions-enfold.php file and find
if(!empty($link) && !empty($title)) $title = "<a href='".$link."' rel='bookmark' title='".__('Permanent Link:','avia_framework')." ".esc_attr( $title )."' $markup>".$title."</a>";
and change it to
if(!empty($link) && !empty($title)) $title = "<a href='".$link."' rel='bookmark' title='".__('','avia_framework')." ".esc_attr( $title )."' $markup>".$title."</a>";
Then Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.title_container .main-title a {
top: 3px;
position: relative;
}
Best regards,
Yigit
Shalom!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
right: 65%;
}}
Regards,
Yigit
Hi!
Please go to Appearance > Menus and click “Screen options” on the top right corner and check “link target” and then click on your menu item and choose to open it in a new window
Regards,
Yigit
Yes so basically the top of the site doesnt appear, it looks empty.
After some scrolling it appears.
But no one will scroll down an empty looking site, people will close it….
The first item is a picture, if we could see it.
And the menu, if we could see it.
Hello,
it’s not solved at all!
I wrote this above:
“if I don’t choose the main menu, then it appears twice as home,
if I choose then the top of the homepage disappears, after some scrolling the main menu appears but weird (e.g. menu item in frame).”
I told you that when I check the child main menu, then the upper part of the website disappears. After scrolling down to the first section, it appears. But not before.
I even gave you screenshots.
Best,
Margaret
Hi Enfold Team,
1. How can i change background color of the category name text box below the images to grey? Also i would like to remove the amount number at the end of the category name (see link 1)
2. How can i adjust the white overlay opacity above the Read more/Show details section. (see link 2)? It’s in german here: “Weiterlesen/Zeige Details”
3. How can i get the shopping cart icon (removed at the moment from the top right corner of screen) into the breadcrumbs bar. Aligned to the left instead of the page title?
Thanks a lot for your help,
Tobi
Hi,
Are there any updates on the topic? I tried searching the forum, but no success.
I also want to include MailChimp “sign-up” checkbox in the standard ALB contact form.
The answers of moderators above do not offer a solution.
Thanks!
Hey,
I would like to change the size and text-color of the submenu-links of secondary menu in the top bar.
Is there any quicks-CSS, I can use? See screenshot.
Thanks, Gerd.
Hi,
I have a problem with the video overlay not working due to a url with a parameter in it. A blank overlay box shows up but no video plays. For example, YouTube allows you to start a video at a certain timeframe by adding this to end of the url string “?t=1m32s” the full url is “https://youtube.com/watch?v=-_y4DGhbmr4?t=1m32s”. While “https://youtube.com/watch?v=-_y4DGhbmr4” (no “?t=1m32s” at the end of string) works fine, it breaks when I append parameters to the url string like so “https://youtube.com/watch?v=-_y4DGhbmr4&t=1m32s”
In short I icon button which is linked to “https://youtu.be/-_y4DGhbmr4?t=1m32s” which breaks the video overlay feature. Taking the extra parameter off works. How do I make this work with the extra parameter in the url string?
Things I’ve tried and didn’t work
– adding the classes: mfp-iframe and lightbox-added to the icon button
– adding ?iframe=true at the end of the url string
– searched for a similar topic in the forums but couldn’t find something similar.
Thanks in advance!
Hi,
Thanks for the feedback, please try this instead:
.title_container .container {
padding-top: 5px !important;
padding-bottom: 5px !important;
min-height: 20px !important;
}
You can find the Quick CSS box under Enfold->General Styling. After you add the code then please make sure to reload the page or open it in an incognito window in order to see the changes.
Best regards,
Rikard
Hi
Thanks for that however still have alignment issues.
When I use
add_action( ‘ava_after_main_container’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}
The widget stays in the middle, middle of the header area on desktop view. Mobile view is OK it drops below Mobile. Regardless of what style.css I use.
Then when I use
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}
The widget sits between the phone no/ social icons & logo on desktop & mobile view. However I am trying to get the header widget to sit to the right of the logo on desk top & then on mobile view have the widget sit either above the logo or below the menu.
Just having an issue trying to achieve this.
Cheers
Dave