Hey microtool,
To change the color of the megamenu link for the active page, please use this code:
#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item>a {color: red !important }
For the menu alignment, can we have access into your WP so we can take a closer look?
Best regards,
Sarah
Ok, I´ve added the code again. And the two sliders in home.
But in desktops I´m seeing two sliders.
Thanks!
-
This reply was modified 8 years, 10 months ago by
cipriana.
Hi I’m hoping someone can help me!
Following an update, my store started displaying strangely. Firstly the category text labels were enormous (which I’ve manage to fix, although, I’m not totally happy with the result), but the main problem is with the product pages.
We are displaying books – so they are portrait pictures of the covers and landscape pictures of the insides, they were displaying lovely – a nice portrait of the cover, with little icons beneath indicating the other pictures available.
Suddenly though, they all went square, with the same size square of the other pictures just slapped one below the next.
Now I’m getting code showing on top of that. Please can you get it displaying correctly again?!
Thanks!!
hello there , the tab section displays perfectly in desktop but when it comes to mobile its not user friendly as it needs to swipe to reach the tabs. i have 8 tabs in my front page and i want all 8 to be displayed in front..4above and 4 below.. need a fix for this
Hi,
This is caused by the following code in layout.css and custom.css:
#top .av-main-nav ul ul: {right: -207px !important;}
If you remove that, the mega menu displays as it originally should.
Best regards,
Sarah
the loading.gif in images is a bit too small. Go on google search link and upload your own one via ftp to your server
The css you need is above because you set the white background with it: something like this f.e
#top .av-video-slide .avia-slide-wrap {
background: #fff url("/wp-content/uploads/loading.gif") no-repeat scroll center center;
}
SannyGuest
Hi,
I am new to wordpress as well as wordpress theme, may I check with you, if I buying this theme called Enfold (https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=Kriesi) what is included? I saw a lot of demo from the site, does that mean I can try any of the demo? or I can only stick with one?
Am I able to do the portfolio gallery you guys have it here (http://kriesi.at/themes/enfold/portfolio/portfolio-3-column/) after I bought the theme?
Is simple coded editable? Like let say I want it to show 3 column on desktop then maybe 2 col on tablet and 1 col on mobile.
thanks!
Hey there,
I am not sure if anything like this is possible out of the box. By default, switching to a mobile view, all elements that were placed left to right will have a line break and show top to bottom. For example a portfilio grid with 4 elements per line. Now imagine you have 16 portfilio elements. On mobile you end up having 16 lines and a alot of scrolling.
Is there a way to have
1.) a load more for mobile so it would only load like 1 or 2 elements?
2.) an option that elements remain left to right in one line and can be scrolled (wiped) horizontal? I prefere this Option.
Thanks!
Gabriel
Hi, a topic from yesterday has been closed but was not answered.
How to translate topbar and socket texts? I’ve tried with WPML, Polylang, Loco Translate and Poedit and they simply do not translate these texts. They do not find them as strings to be translated.
Monika
Hi Rikard,
No problem. The link is below in the private content. I am looking to place the widget at the very top in the small bar between the social media icons and the phone number area.
Thanks
Hi,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hey Nikko
One other question, though. The way the medical demo theme is laid out, the easy slider at the top interacts with the Color Section that has (in my current site) the appointments, doctors, and services columns. I think from tinkering that it’s set to huge padding to facilitate the moving up and down of those columns responsively on different devices. When I change that padding to something smaller, it messes things up on my iPad and iPhone, etc.
So my question is, since there is now a big white space underneath my SNORE NO MORE png, due to the huge whitespace setting, is there a way to use css or something to make that bottom whitespace smaller? So that the following color section would be right underneath the png?
Hope that makes sense. THANKS!!!
Jordan, So glad to hear you’re loving our chocolate.
About the dimensions, issue, the only way it seems that I can get it to not over magnify out is to set it to “boxed layout”.?
so How do I change the surrounding color from dark box to white so it all looks fluid?
I couldn’t get the dimension to STOP over sizing the images in the “Stretched Layout”…
Did you look at our site? http://www.paschachocolate.com
Can you fix for us? This has been an ongoing issue! Login creds are below.
Hey there
I was looking for a way to make a line of text — SNORE NO MORE — in one of my text blocks really big, and I found some advice in support ticket #559251 — So I added the CSS and it worked perfectly on my desktop, but not at all on my iPad or iPhone. The font family is different on my mobile devices and too big and gets all jumbled together.
Is there a way to accomplish what I’m trying to do that works across all devices?
Thanks as always.
-Rob
Hi,
Ok, thanks for the feedback. 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 the feedback. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey Justin,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
#top .textCtr {
min-height: 300px;
}
}
if that doesn’t help, you can remove those images by adding this css code:
@media only screen and (max-width:767px) {
#top .textCtr {
display: none;
padding: 0 !important;
}
}
Hope this helps :)
Best regards,
Nikko
Hello there,
I followed the instructions from moderator Dude here to replace native Enfold breadcrumbs with Breadcrumbs NavXT into Enfold child theme as per this thread:
https://kriesi.at/support/topic/replace-theme-breadcrumbs/
to replace: (enfold-functions.php)
if($breadcrumb) $additions .= avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
with:
if($breadcrumb) $additions .= bcn_display(true);
This replaces Enfold breadcrumbs with NavXT breadcrumbs correctly – but I need to take it a step further so the Breadcrumbs includes Schema.org markup (rich snippets).
The documentation for Breadcrumbs NavXT says the code in header.php should be:
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
<?php if(function_exists('bcn_display'))
{
bcn_display();
}?>
</div>
Notice the container div (breadcrumbs) contains the required attributes (type of) and (vocab).
The problem is after using Dude’s instructions these attributes are missing. Looking at the rendered breadcrumb code the breadcrumb is inside these divs:
<div class='stretch_full container_wrap alternate_color dark_bg_color empty_title title_container'><div class='container'>(breadcrumb here)</div></div>
How can I add these attributes into the Enfold child theme (<div class=’container’> ) ?
Any help would greatly be appreciated.
Thanks!
-
This topic was modified 8 years, 10 months ago by
Nikko.
Hey Derek,
The pen/pencil you see is a entypo-fontello icon. You can change that with a 60×60 image using this in your quick css:
.main_color .fallback-post-type-icon[data-av_icon]:before {
content: url(https:// ... .jpg)!important;
}
If you want to use a bigger image use this css:
.main_color .fallback-post-type-icon[data-av_icon]:before {
content: url(http: ... .jpg)!important;
left: -10px!important;
top: -10px!important;
}
adjust the left & top as needed :)
Best regards,
Mike
Hi,
Try this code in the General Styling > Quick CSS field:
#top .avia-slideshow-arrows a {
color: #ffffff!important;
font-size: 50px!important;
border: 0px solid #ffffff!important;
background-color: #a80000!important; }
Best regards,
Mike
There are many previous posts on the topic, too many to list. Regardless I’d rather not just install another plugin if there’s already a code snippet for this. It doesn’t seem to work though. I am using a child theme as suggested in previous posts.
The code snippet from kriesi is as follows:
$fonts['PT Sans'] = 'PT Sans:400,700,400italic,700italic';
I’m trying to add Metal Mania which has just one weight of 400. So what is wrong with the following:
$fonts['Metal Mania'] = 'Metal Mania:400';
https://fonts.google.com/specimen/Metal+Mania
hi guys,
please have a look at the url in private content. my client has placed an animated gif in an easyslider. the animated gif should be autoplaying, however this is not working. Any idea for a solution here?
Many Thanks
Hey bibbitybop,
Please view the following thread for a possible solution that has worked for many of our users:
Best regards,
Jordan Shannon
I have searched the forums and nothing matched this topic. There has to be a way to make all the images have rounded corners in the LayerSlider right? Maybe it’s code I have to manually input? Please let me know!
I made it work with “left:250px” but the text positioning is not ideal (it looks fine on desktop but still not great on laptops). Can you tell me what is this code supposed to do. Maybe I can make it work if I better understand the code. Thanks!
Yes, that is at the top of my class-framework-widget.php file in my child theme.
Hi,
Okay great. Do you have this line at the top of the file you are trying to modify?
<?php if ( ! defined( 'AVIA_FW' ) ) exit( 'No direct script access allowed' );
Best regards,
Jordan Shannon
Hi,
Brand new install and have 7 images with 4 columns and Display Pagination. Only 4 appear on the desktop and 2 on a mobile, please see https://superlunasin.com/
Thanks,
John
Hi,
I am not able to see the white space on my laptop at this very moment, but please try adding the following to quick css:
.av-layout-tab-inner .container{
max-width:100%!important;
}
Let me know if this works.
Best regards,
Jordan Shannon