-
Search Results
-
In reply to: Page Templates Not Loading
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic.
Best regards,
RikardIn reply to: Disable related post
Hey ayeh,
Please try the following in Quick CSS under Enfold->General Styling:
#top .avia-post-nav { display: none !important; }Best regards,
RikardHi,
I got this code from a google search: I put it in the Quick CSS./*reduces spacing in submenu mega*/
#top #header .avia_mega_div a {
line-height: 18px !important;
}
#top #header .avia_mega_div>.sub-menu{
padding: 10px 10px 10px 10px !important;
}
#top #header .avia_mega_div>.sub-menu.avia_mega_hr{
padding-top: 10px !important;
}As you can see on page lbmas.net the mega menu under shop has too much spacing between items. How can reduce the space. The above code does not doing anything.
Thanks so much for the help.
RonHey Pim!
Please edit your blog post and click “Screen options” on the top right corner and check “Excerpt” and then scroll below your post and add your excerpt into the excerpt field
Cheers!
YigitIn reply to: color section logo and text in responsive mode
Hi, the text is overlapping the logo and the color section is not wide enough, it is really difficult to explain, I’ve send you an screenshot from my phone
I’ve some code set for the Desktop view but the changings don’t work for mobile even with the media queries
/*Color section*/
.avia-section {
margin-top: 160px;
padding-top: 12%;
}Thanks
In reply to: Masonry caption effect
Hey!
Try to replace this code:
.av-masonry-image-container:hover { filter: grayscale(0%); -webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none; }To this one:
.av-masonry-entry.isotope-item:hover .av-masonry-image-container { filter: grayscale(0%); -webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none; }Hope this helps :)
Cheers!
NikkoIn reply to: Content triggered outside of "tabcontainer”
On further investigation, I realised I am targeting the wrong selector with this..
if ( $(‘#tab-id-2-container’).hasClass(‘active_tab_content’) ) {
$(‘#tab2-clients’).addClass(‘current_industry’);Should be targeting this selector
<div data-fake-id=”#tab-id-2″ class=”tab tab_counter_1 active_tab” itemprop=”headline”>Financial & Professional Services</div>
I have used this https://kriesi.at/support/topic/avia-layout-builder-tabs-and-google-event-handlers/
To add an ID to the TABS in addition to the Fake-ID
The script works and add “current_industry” class to the first tab when active, but it does not change the class when another tab is selected.
https://1drv.ms/i/s!AicML0A9M_Krg9V1sAeOurY423W4Ow
On the test page I have currently set the initial tab as 2 and that is displaying red correctly at the bottom of the page
In reply to: Make a Image Circle Hover Effect
Hi,
Sorry but functions.php file is not writable so i could not apply the changes.
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your image element to give it a custom CSS class (“custom-class” in example below) and then add following code to Quick CSS in Enfold theme options under General Styling tab
.custom-class .image-overlay { display: none !important; } .custom-class:hover a:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 500px; border: 15px solid #eeca6c; content: ""; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .custom-class a:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 0 solid #fff; content: ""; -webkit-transition: 0.65s; -moz-transition: 0.65s; -o-transition: 0.65s; transition: 0.65s; border-radius: 500px; z-index: 200; }Best regards,
YigitIn reply to: Having an image in my header
In reply to: Why ?
Hi pipinvest01!
We do reply all of our questions as fast as possible.
We will do come to your topic also, we do appreciate a lot your patience.Regards,
BasilisHey!
Thanks a lot for updating here.
We will do close the topic, feel free to create a new one if you need something else.Thanks a lot
Cheers!
BasilisIn reply to: Make entire avia section clickable.
Hey miovision!
Please take a look here
https://kriesi.at/support/topic/apply-link-to-column-box/let us know if we can do anything else.
Thank you
Best regards,
BasilisHi there,
I have styled some 1/3 column boxes/avia sections to look like clickable cards and I just need to make it so that when you click anywhere on the element it will push you down to the form at the bottom of the page (which already has a section id of “form”).
How do I make the entire area of an [av_one_third] element clickable?
Thanks,
BrentResources listed below.
I also saw this post, which didn’t quite answer my question, but may be useful to others with a similar issue.Please Please Please get back t me on this –
an answer, an update, anything what so ever. I am kind of left hanging and not sure what to do here
Thank you
Hey all,
So I started programming our webshop. I placed a transparent header to have consistency with the rest of the site but I would like to know how to place a 150 pixel spacer before the header so I don’t get this:
Also, I would like to customize the color of the ‘remove product’ X and ‘proceed to checkout’ to black, as they are unreadable now.
Cheers,
Hi, hope you are well!
For a while now, the Read More control when making posts isn’t working correctly.
I’ve included the site info below. Posts created with a read more function do not jump to the read more location in the full post when the Read More link is clicked. Instead it just loads the post and you start at the top of the page instead of in the text..- Once on the main site, you’ll see the post I made – Christmas Comes Early – Tech Style.
- Note it has a Read More link.
- Click it, and when you see the full post, you’re taken to the top of the page, not to the section that was after the Read More link.
In reply to: custom height section?
Hey Alwin!
You can choose to adjust the height depending on the content. That would be the best solution in my opinion.
You can refer to my post here – https://kriesi.at/support/topic/custom-hight-of-color-section/#post-682269 to change one of the predefined heights as wellCheers!
YigitIn reply to: ALB Blog Image Overlay
Hi,
Try replacing this code:
.avia_transform .blog-third-section a .image-overlay, .avia_transform .blog-third-section a:hover .image-overlay { opacity: 0.85 !important; display: block !important; background: #006b86 !important; } .avia_transform .blog-section-fourth a .image-overlay, .avia_transform .blog-section-fourth a:hover .image-overlay { opacity: 0.75 !important; display: block !important; background: #000 !important; }to
.avia_transform .blog-third-section a .image-overlay, .avia_transform .blog-third-section a:hover .image-overlay { opacity: 0.85 !important; display: block !important; background: #006b86 !important; left: 0 !important; top: 0 !important; } .avia_transform .blog-section-fourth a .image-overlay, .avia_transform .blog-section-fourth a:hover .image-overlay { opacity: 0.75 !important; display: block !important; background: #000 !important; left: 0 !important; top: 0 !important; }Let us know if this helps. :)
Best regards,
NikkoIn reply to: Add Social Icon in top header
I request an help only for that, I add code in function.php and custom css but I don’t see this icon. I’m wrong in something but don’t know where!
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘Facebook’] = ‘facebook’;
$icons[‘Google Plus’] = ‘gplus’;
$icons[‘Twitter’] = ‘twitter’;
$icons[‘Instagram’] = ‘instagram’;
$icons[‘You Tube’] = ‘youtube’;
$icons[‘Skype’] = ‘skype’;
$icons[‘Italia’] = ‘italia’;
$icons[‘Uk’] = ‘uk’;
$icons[‘Call’] = ‘call’;
$icons[‘Mail’] = ‘mail’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);And in the custom css there’s this code for all the icon I added
#top #wrap_all .av-social-link-kriesi a:before{
content: “”;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url(……..) no-repeat center center;
background-size: contain;
}In reply to: Disable Admin Bar on Safari Browser
Hi,
I have checked it and it’s weird you can hide it in administrator account but still showing up on the customer account, I have replaced the code with:
if(!current_user_can('edit_posts')) { remove_action( 'wp_footer', 'wp_admin_bar_render', 1000 ); add_action('wp_footer', 'hideAdminBar'); } function hideAdminBar() { ?> <style type="text/css"> html { margin-top: 0 !important; } * html body { margin-top: 0 !important; } @media screen and ( max-width: 782px ) { html { margin-top: 0 !important; } * html body { margin-top: 0 !important; } } </style> <?php }Let us know if it’s working on your end.
Regards,
NikkoIn reply to: Product id= shortcode on Pages
Okay sure. Here is the link. I am doing this from my phone at the moment but this issue persists through several desktop browsers. I have phone set to view as desktop. Now while in mobile view though they are fine. (Just noticed…) The code has them set at 24% approx.
To make it more clear this is how products are showing when using woocommerce single product shortcodes on BLOG pages. (Posts basically) I haven’t tried it on pages but not sure that would make a difference. (Inherited attributes)
Topic: full widht picture
I am building my first Envold website. I want to place a picture at the top of my pages, like I did with this page:
Now my problem is that I can’t find the right way to do this. Which media element do I have to choose in the advanced editor to show me a full width picture at top of the page? If I choose “image” then I don’t get a full width picture but one in the middle (with white spaces left and right).
What I did on http://johanhrm.optiion.nl/contact/ was to choose “easy slider full widht” and then just added 1 picture. This works but I think it might not be the best way to do this?
Since updating to the latest version of Avia, I am experiencing the issue of not being able to edit any page built with the layout builder. I just get the spinning wheel which never stops.
I have tried de-activating all plugins but no joy
Please help
In reply to: Captions cut off on mobile slider (repeated thread)
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) { .responsive #top .slideshow_caption { padding-top: 0!important; }}Regards,
YigitIn reply to: Position of Secondary Menu
Thanks Ismael. That helped. However, I still have a gap at the top of the header that I can’t seem to get rid of. Also, whenever I try to add some custom CSS to style the secondary menu, a duplicate of it shows up at the top of the page above the logo. You should be able to see that on the website now. Sorry about the password, that should work now.
In reply to: products
Okay we r back in action…Thanks!
By the way how do I stop the top of the pages from cutting off?
This is in the thread for blog
In reply to: How to display custom post type
Hi,
check out this here:
https://kriesi.at/support/topic/using-avia-builder-blog-posts-block-for-custom-post-types/
https://kriesi.at/support/topic/displaying-custom-post-types-inside-of-the-avia-layout-builder/
https://kriesi.at/support/topic/posts-from-custom-post-types-in-avia-blog-posts-or-portfolio-grid/Hopefully it makes things clearer.
Best regards,
AndyIn reply to: Grid row not showing up
Hi,
please stick to one question only and feel free to open a new ticket for another question.
1.) I did some testings on your website and grid row does not load on mobile and desktop neither. I tried to save your page as a template and load in inside a new page, but it template function from ALB does not work on your end. So I think this whole issue is caused by a conflict with a plugin. Please deactivate all of your plugins, to check which one is causing this issue.Best regards,
AndyIn reply to: Logo issues across mobile devices
Hey!
I have added this in Quick CSS:
@media only screen and (max-width:767px) { .responsive .logo img { top: 0; max-width: 40%; } }It should look better now.
Regards,
NikkoIn reply to: Form Elements Background Color
Hi,
1.) Try this code inside Quick CSS field:
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select { background-color: #deffff; }Please open a new ticket for a new question!
2.) Try this:
.single-product-main-image { float: right; }Best regards,
Andy
Viewing 30 results - 86,581 through 86,610 (of 142,846 total)
