Hi Marlene,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Glad we could help and sorry for the simple mistake :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Great, glad you got it working and thanks for sharing :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
I can’t get the masonry grid on homepage to look good on wide screen desktop. seems to be working well on all other platforms. I have researched to see if I can find css code which i did try but nothing working.
Can you suggest a fix please?
screen shot here http://www.cunninglygoodbuild.com/wp-content/uploads/2017/01/Crieff-Bid.pdf
I want it to be 4 rows with 2 columns
Many thanks
Hi Yigit,
thanks for the reply, but no luck unfortunately. Things look as they should in desktop view but they still overlap the color sections above and below in mobile view.
Anything I’ve missed?
BR, gorehalling
Hi,
Currently only side headers support menu descriptions. However you can refer to this post for a workaround – https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-large-testimonial-slider .avia-testimonial-content { font-size: 26px; }
Best regards,
Yigit
Hi,
is there something new about this topic. We really need to fix this.
Best regards.
Hey zanu!
We have replied you here – https://kriesi.at/support/topic/questions-13/. Let us continue there :)
Best regards,
Yigit
HI Rikard, ever since I switched to a child theme the auto update never works, I used to get warnings that an update is available but not anymore, so just have to keep checking themeforest now and again. Its frustrating I don’t know why auto updating from in wordpress has stopped working for me ? anyway I’ve updated to the latest manually and its still the same problem.
You asked which pages it happens on, it happens on ALL pages. Its the porfolio pages I’m trying to update, so motion design, character animation pages etc, they all have the same issue. If I try and update the page it breaks, If I clone the page or create a new one then create the same required layout it works absolutely fine?
Many thanks
Hi Ismael,
I can set a page with two or three columns, that is not the problem. But when I edit edit the column (a background color or something) there wil be only one column left… under the content this codes appear:
[/av_textblock] [/av_one_half] [av_one_fourth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_heading heading='Gemeenten' tag='h2' style='blockquote modern-quote' size='' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [av_sidebar widget_area='Sidebar Pages'] [/av_one_fourth]
You can see it on tis page:
http://snelinternetutrecht-west.nl/test/
I have gigen you the full rights, see topic #735790
Ik wil give them again.
there are two rules to set up these values (here are the standard settings):
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 800px !important;
}
#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 600px;
}
try to play first with the 600px value and have a look what happens. The surrounding container .fullsize .template-blog .post .entry-content-wrapper is limited too – so if you want more than 800px width you have to increase this value too!
Hey artisforever,
Sorry for the delay, we are happy to help you with this modification.
1. To change the column order in mobile we need to create 2 sets of icon boxes so one of them appears above and the other will display below the icons “SCHEDULE OF UPCOMING EVENTS” and “FOR CONSUMERS” then we will hide one of the set’s in mobile and one set in desktop.
2. Enable custom css class name for ALB elements http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
3. Add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
/*Show only in mobile or desktop*/
@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}
@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}
4. Add class name “only_desktop” and “only_mobile” to the icon box set’s to be displayed only on desktop and only on mobile.
Best regards,
Vinay
-
This reply was modified 9 years, 1 month ago by
Vinay.
Hi Rikard,
Here’s the site in question. At this point, only the home page is set up with two layersliders, the top one being the desktop version.
Thanks, P
Hi,
Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)
As an alternate solution the current footer links can be displayed with the main menu items in the hamburger menu that appears in mobile devices.
1. Enable CSS classes from the screen options on the top right of the pages.

2. Add the below code to quick css.
/*Show only in mobile or desktop*/
@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}
@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}
3. Add the menu items in footer to the main menu with a class name “only_mobile” from Appearance > Menu > Main menu
News
Media
About
Contact

4. Hide the footer menu in mobile device with the below CSS code.
@media only screen and (max-width: 768px) {
.menu-main-lower { display: none !important; }}
5. To view the html code please right click the element and select inspect.
Best regards,
Vinay
Hey Empatica,
Thank you for using Enfold.
I’m sorry but this is not possible at the current version of the plugin so you have to wait for version 6.0. However, you can try this workaround but I’m not sure if this is going to work.
// https://kriesi.at/support/topic/layerslider-zoom-video-to-fill-banner-space/
Instead of the theme’s video shortcode, use the default wp shortcode.
// https://codex.wordpress.org/Video_Shortcode
We set it up for you here:
// http://empatica.bonotown.net/doble-ele/wp-admin/admin.php?page=layerslider&action=edit&id=4
Adjust the video url.
Best regards,
Ismael
Hi,
Will this be fixed in a future version? Especially with screens having more and more pixels width this is becoming an issue more and more.
This is the intended behaviour of the masonry element when contained.
Could this be an option? Deleting the line in enfold and adding a min-width instead?
How many columns are you expecting? Yes, that is one of the solution but I think it’s better if you control the max width property of the items on desktop view. Revert the shortcodes.css file to default, remove the css modification then use this one.
@media only screen and (min-width: 989px) {
#top .container .av-masonry-col-flexible .av-masonry-entry{
max-width: 33.33% !important;
}
}
This will force the element to display 3 columns, lower width value equals more columns.
Best regards,
Ismael
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#menu-item-20684 {
margin-top: -11px;
}
.header_color input[type='submit']{
border:none!important;
}
To find the class name of an element please right click on the element and inspect. This will open chrome developer window and give you access to the html source code and class names of the element :)
Best regards,
Vinay
Hi,
No, that is french pastis :-)
Glad we could help, please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
No problem and sorry we couldn’t be of more help. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Please add this code in the Quick CSS field:
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 0 !important;
}
}
And please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
Best regards,
Ismael
Hi,
Ok, thanks for the feedback. I’m not sure we can help you much further unless we can see the problem for ourselves unfortunately so let’s hope the problem is local. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
I have been working on this site for a bit and something crept in and I am not sure how to fix it. This only started yesterday.
The issue: Fonts are oddly formatted toward the end of pages and now also in the navigation bar (but ok in the top of a page). See the links in the private content section.
This applies to color sections as well as items inside and outside of layout elements. It seems to mainly affect headers, but I am not sure. It affects color sections with main or the alternate content selection.
I can recreate and somewhat fix the issue on a page: If I add an additional color section somewhere in the top of the page, it fixes the problem on a page.
This issue applies for newly created pages as well as some I created previously if I edit them again. Pre-existing pages don;t show the same issues.
I have also tested this in a different browser. (I mainly work in Safari, but have also checked Chrome with the same results) I work on a Mac.
I just added a new menu item under “shop” – the “bespoke” has the same formatting issue – it also uses a different color red. The dropdown under “About” has not been affected and shows the correct formatting.
So it only affects changes from a certain point in time.
Well, I have almost figured it out on my own. I cobbled together the following CSS and added CSS from the elegant theme to get the read more button.
Is this the best way to accomplish how it looks now? One question I have is how can I make it so the featured blog image appears at 100% width on non-desktop devices?
/* preview of featured image and blogroll */
.fullsize .template-blog .big-preview
{margin: 0 20px 0 0 !important;
width: 300px;
height: 250px;
overflow: hidden;
float: left;
object-fit: cover;
}
/* fit featured image inside defined width */
.big-preview img {width:300px !important; height:250px !important; object-fit: cover;}
/* convert read more to button from link */
.more-link {
text-align: center;
margin: 0px auto 0px auto;
clear: both;
width: 125px;
border: none;
border-style: solid;
border-width: 1px;
padding: 3px 0;
border-radius: 2px;}
/* remove arrow from read more link */
.more-link-arrow { display: none; }
/* reposition read more button */
.fullsize .template-blog .post .entry-content-wrapper {text-align:left !important; line-height:24px !important;}
I am using the sidebar widget in a 1/3 layout element on a page.
Is it possible to limit the width to 300px on the desktop?
I have created this simple function to show a different menu when not logged in:
// set correct menu
function display_correct_menu($args = '') {
if ( !is_user_logged_in() ) {$args['menu'] = 'top-not-logged-in';} else {$args['menu'] = 'top';}
return $args;
}
add_filter( 'wp_nav_menu_args', 'display_correct_menu' );
Unfortunately, the dropdown for WPML language choice disappears when using this. Perhaps there is a better way. Perhaps you can provide a solution.
Thanks!
For the record, I had even found older code that a moderator had suggested, which is below, but it does not work in the current version. I also tried $entry->the_excerpt, and $entry->the_content;
$excerpt = $entry->post_excerpt;
$output .= "<span class='av-upcoming-event-excerpt'>{$excerpt}</span>";
-
This reply was modified 9 years, 1 month ago by
pgsmarketing.