Brilliant! That is *almost* there now… if you check back on my page
http://www.victoria-ward.com/news/
you’ll see I increased the size of the place I want the image from 180×180 to 280×280 because I want a larger picture there. However the picture doesn’t fill that space…
Any ideas?
here’s what I’ve got added to my quick styling so far…
/* Blog layout */
.post_author_timeline {
display: none;
}
.small-preview {
width: 280px;
height: 280;
}
.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
text-align: left;
}
.html_elegant-blog #top .post-entry .blog-categories {
text-align: left;
}
.page-id-14 .small-preview {
height: 100%;
}
.page-id-14 .blog-meta {
float: left!important;
width: 280px!important;
height: 280px!important;
}
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
color: orange;
background: red;
border-color: blue;
}
and adjust the values as needed
Regards,
Yigit
Hi!
Glad we could help.
Please check out this links you might find it useful
Recommended plugins
Enfold Tips & Tricks
http://kriesi.at/documentation/enfold/
Best regards,
Vinay
The problem is not on the slider, but the page builder stops working. I don’t know how did I install it but it is working fine for me though
Hey eKMUch!
Please try the below CSS in Enfold > general Styling > Quick CSS
.avia-slideshow-arrows.avia-slideshow-controls {
width: 100%!important;
position:absolute!important;
top: 50%!important;
transform: translateY(-50%)!important;
width: 100%;
z-index:999;
}
.avia-slideshow-arrows.avia-slideshow-controls .next-slide {
right: 0!important;
}
2) Is there a way to use the auto-slider and auto-include content from posts?
Please use “Blog post” element in the advanced layout builder. Sliders do not support blogs.
Best regards,
Vinay
-
This reply was modified 9 years, 3 months ago by
Vinay.
Hi!
try this code in Quick CSS field:
figcaption.av-inner-masonry-content.site-background {
top: 56px;
height: 59px;
}
and adjust as needed.
Best regards,
Andy
Hey!
1&2 – Please add following code to Quick CSS in Enfold theme options under General Styling tab
.slide-meta {
display: none!important;
}
.page-id-104 .slide-content {
width: 50%;
}
.page-id-104 a.slide-image {
width: 50%;
float: right;
}
3- Please edit your blog post and click “Screen options” on the top right corner and check “Excerpt” and then scroll below your post content and add your excerpt manually.
Cheers!
Yigit
Hey!
try this code for Safari:
.html_boxed.responsive.av-preloader-disabled.av-default-lightbox.html_header_top.html_logo_left.html_main_nav_header.html_menu_right.html_slim.html_header_sticky.html_header_shrinking_disabled.html_header_topbar_active.html_mobile_menu_phone.html_disabled.html_header_searchicon.html_content_align_center.html_header_unstick_top_disabled.html_header_stretch_disabled.html_entry_id_6401.avia_desktop.js_active.avia_transform.avia_transform3d.avia_transform.avia_transform3d {
background: red;
}
Regards,
Andy
Hi Guys
I’m trying to move the search form to the top bar (where the telephone number currently sits on the right.
I’ve tried this from other posts
add_filter( 'avia_meta_header', 'avia_append_search_nav_mod');
function avia_append_search_nav_mod()
{
ob_start();
get_search_form();
$form = htmlspecialchars(ob_get_clean()) ;
$items = '<div id="menu-item-search" class="menu-item-search-mod menu-item menu-item-search-dropdown">
<a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
</div>';
echo $items;
}
it produces a white-out page ?
Has this solution been updated? is there an alternative?
Also I need to target the sub menu so that the blue background (of the sub menu) is .8 transparent. I have used advanced styling for the colour and hover state (but it won’t accept rgba) and css for the current page state.
Cheers
Steve
HI Yigit,
that’s exactly what I did by now and linked in my request above :(
probably the css customization needs some improvement:
#header .widget {
left: 98%;
padding-top: 0;
position: absolute;
top: 0px;
transform: translate(-50%);
z-index: 999;
}
-
This reply was modified 9 years, 3 months ago by
niguli.
We applied the Enfold (3.5.1) update to our test site and are having the same issue with alignment on category and archive pages. They left/right justify automatically even though the post isn’t formatted that way.
http://ubermenuhcps.wpengine.com/2016/03/
http://ubermenuhcps.wpengine.com/category/top-news/
Hello Andy !
Yes I tried to do it by myself but first, my icons are not aligned with menu titles and that is what I would like to do. This is the reason why I’ve tried the code given by Yigit (#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0; }) but it doesn’t work.
And secondly, when I insert icons this way, texts next to them are not aligned together, so I added some code to adjust the padding but they are not exactly aligned on some screen (in fact it depends of the size of the screen) and anyway I think this is not the good solution.
So I would like to know if there is a better solution to insert different icons (one by button) to replace the small arrows by default in your theme.
Thanks !
Hi!
I created a test page for you and used this code inside your Quick CSS field, which is unique (only working on this specific site):
html.html_boxed.responsive.av-preloader-disabled.av-default-lightbox.html_header_top.html_logo_left.html_main_nav_header.html_menu_right.html_slim.html_header_sticky.html_header_shrinking_disabled.html_header_topbar_active.html_mobile_menu_phone.html_disabled.html_header_searchicon.html_content_align_center.html_header_unstick_top_disabled.html_header_stretch_disabled.html_entry_id_6401.html_av_admin_bar_active.avia_desktop.js_active.avia_transform.avia_transform3d.avia_transform.avia_transform3d.avia-webkit.avia-webkit-49.avia-chrome.avia-chrome-49.avia-mac {
background: red;
}
Clear browser cache and hard refresh a few times, if you don’t see the red background on this page.
Cheers!
Andy
Hey Nicoletta_DUS!
I replied you here – https://kriesi.at/support/topic/decrease-distances-between-the-links-in-the-footer/. Seems like changes you would like to make are here. Please post the link to your website on other thread so we can proceed.
Best regards,
Yigit
Dear Kriesi,
I’ve just started using Enfold and it looks like a great Theme. I’ve included the “Content Slider” which is a neat tool. However, two things I couldn’t resolve:
1) The arrows are automatically on the top right of the slider. I would however need them vertically in the center of the slider and horizontally all to the left (left button) and right (right button). Could you please help me with this?
2) Is there a way to use the auto-slider and auto-include content from posts?
Thank you and best,
Raphael
Hi!
then try to add an !important:
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* Add your Mobile Styles here */
#top .flex_cell.av_one_fourth {
width: 50% !important;
display: block !important;
float: left !important;
}
}
Clear browser cache and hard refresh a few times.
Cheers!
Andy
Hey!
2.) https://kriesi.at/support/topic/change-the-order-of-left-side-bar/#post-607457
3.) The styling is already there, scroll down more. The issue is that the widgets are not configured yet. Go to the Appearance > Widgets panel then add the widgets that you want.
4.) Please review your first post. Do you want the header of this site? http://proba3.verhogroup.com/service/
Regards,
Ismael
Hey!
After adding that code in the functions.php file, go to the Pages panel then hover over the pages that you want to modify. Click the Quick Edit button then look for the Order field. Add the value base on the order that you want. If you want page A to go first, add the value 1 to the field, add 2 for page B, 3 for page C and so on and so forth.
Cheers!
Ismael
Hey flo-ko!
Thank you for using Enfold.
The cells should automatically switch to one column on screen width 767px and below. If you want to have two columns on tablet screens, add this code in the Quick CSS field:
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* Add your Mobile Styles here */
#top .flex_cell.av_one_fourth {
width: 50%;
display: block;
float: left;
}
}
Cheers!
Ismael
Hi!
I see. You can move the caption container so it will always be visible above the fold:
.slideshow_align_caption {
vertical-align: top;
}
If you want to manually adjust the top position, use this:
.slideshow_align_caption {
vertical-align: top;
top: 10%;
}
Adjust the value of the “top” property.
Regards,
Ismael
Hi!
Set the Blog Styling to Elegant and the Blog Layout to Single author, small preview pic then add this in the Quick CSS field:
.post_author_timeline {
display: none;
}
.small-preview {
width: 181px;
height: 181px;
}
.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
text-align: left;
}
.html_elegant-blog #top .post-entry .blog-categories {
text-align: left;
}
Regards,
Ismael
Hey!
Add this in the Quick CSS field:
#top #main .sidebar {
top: -50px;
}
.sidebar .inner_sidebar {
top: 50px;
}
Cheers!
Ismael
Hi!
Please replace the code with the one below
@media only screen and (min-width: 768px) and (max-width: 1028px) {
#home .av-parallax-inner {
background-position: 0% 0% !important;
}
}
If it still don’t work in the color section background position option please select top left that should do the trick for you :)
Best regards,
Vinay
Hey inaudit!
Thanks for getting in touch with us!
Thanks @cherrmann for the help. The provided link shows the solution to what you are asking. https://kriesi.at/support/topic/wpml-language-menu-without-current-language/
If it doesn’t help, please let me know if you need further assistance.
Cheers!
Jordan
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hey!
Remove the dots with this:
#top .widget_nav_menu ul ul li:before {
content: "";
}
For the current page item, use this:
#top .content .widget_nav_menu .current_page_item a {
color: purple;
}
By subheadings, you mean the menu item “Stress Management”, “Resilience & Change” etc? You can try this:
#top .widget_nav_menu ul a {
font-weight: normal !important;
border: none !important;
}
Regards,
Ismael
Hi. I am using a full page background image within a color section — section background image is set to “scroll” and “stretch to fit”. It looks great on desktop. Problem is on mobiles devices. The image is severely cropped. How can I fix this? Thanks in advance for your help! Jen
I’m having trouble getting the site to adapt to mobile devices. I have the “Header Mobile Menu Activation” set on “Activate for Smartphones and Tablets”. I also have “Hide Mobile Menu Submenu Items” box checked. I’ve dug around several forum threads and found a custom CSS thread that was posted back in Dec 2015. But that didn’t solve the problem – just added a weird sub menu up top. I have the “responsive” version, so I have to think there’s something super simple I need to switch on/off – and I’m missing. Thanks in advance!
Hey,
I was hoping to use masonry to display my blog posts, and i was hoping to give the user the ability to sort through the posts using the taxonomies on top of the masonry.
However, it does not appear to be functioning. Can you please help?
I have 2 issues.
This is the page I am working on:
http://ownthedancefloor.com/videos/
1) I currently have 9 posts in the “Salsa” category. However, when I click on the “salsa” taxonomy above the masonry, I do not see all 9 posts. I usually just see two posts. When I click on “load more”, I get more salsa posts, but not all of them.
2)When I lock on “load more” I get more taxonomy options on the top of the masonry then I want. For example, when the page load, the categories are currently All, Hip Hop, Salsa. However, when I clock on “load more” I get additional categories such as Weddings and Couples. How do I prevent the additional categories from showing up.
Bonus. How can I get the index page of cateogories to show feature images and no titles? Such as here:
http://ownthedancefloor.com/category/salsa/
Thanks for your help!!!