Hi Andy,
I engaged some support for this because there was a time sensitive need. I thought I had sent this privately, but apparently this did not go through.
When I checked plug-ins I neglected to look at the Advanced LayerSlider as that does not reside with the other plugins and simply overlooked it. It is out of date and we’ll be addressing this shortly.
I feel confident that this is where the problem is because the issue began when I reinstalled an old slider.
-Tom
——————
If that did the trick, here’s the culprit:
It looks like the Layerslider element of Enfold was deregistering jQuery to include an alternate version from the Google CDN. But the way it was enqueing the alternate version made it so that jQuery loaded *after* WordPress tried to load its core scripts. So that was causing downstream javascript errors.
I fixed things by going into the advanced LayerSlider settings and turned off “Use Google CDN version of jQuery”.
The top of that LayerSlider settings page says there’s a newer version, but I don’t know how to update it since it’s a bundled version. It looks like that’s on Enfold to fix:
https://support.kreaturamedia.com/docs/layersliderwp/documentation.html#updating
Hi,
try this code:
.avia_mega_div.avia_mega2.six.units {
background: transparent;
}
.sub-menu {
background: transparent !important;
}
#top #header .avia_mega_div .sub-menu .avia_mega_text_block a {
background: transparent;
}
.av-main-nav ul li a {
background: transparent !important;
}
Best regards,
Andy
Your most recent updates (version (3.5.4)), has all the pages with the top menu set to transparent affecting the mobile version on that page. The top menu including the icons using the top menu background colors. Images below should help explain my point. It looks like a global bug within the version release. Can you advice how I can fix this issue?.
-
This reply was modified 9 years, 10 months ago by
pkagyema.
Hi,
not sure what you want to achieve, however, try this code:
.breadcrumb.breadcrumbs.avia-breadcrumbs {
top: 25px;
left: 40px;
}
and adjust as needed.
Best regards,
Andy
I ran an html validator and received the following errors:
Stray end tag noscript.
From line 149, column 3; to line 149, column 13
ipt=1″ ↩/></noscript> ↩<!–
Error: Stray end tag head.
From line 173, column 1; to line 173, column 7
</script>↩</head>↩↩↩↩↩<
Error: Start tag body seen but an element of the same type was already open.
From line 178, column 1; to line 178, column 148
head>↩↩↩↩↩<body id=”top” class=”home page page-id-11 page-template-default stretched open_sans ” itemscope=”itemscope” itemtype=”https://schema.org/WebPage” >↩↩ ↩ <
Fatal Error: Cannot recover after last error. Any further errors will be ignored.
From line 178, column 1; to line 178, column 148
head>↩↩↩↩↩<body id=”top” class=”home page page-id-11 page-template-default stretched open_sans ” itemscope=”itemscope” itemtype=”https://schema.org/WebPage” >↩↩ ↩ <
It appears the theme adds an extra body tag? Anyone else having this issue?
Hi,
use this code:
table strong {
position: relative;
top: -22px;
right: -15px;
}
table input {
position: relative;
top: 10px;
}
For font size use this:
table strong span {
font-size: 14px;
}
and adjust as needed.
Best regards,
Andy
Hi,
for twitter use this:
#top #wrap_all .av-social-link-twitter:hover a {
background-color: #46d4fe;
}
and for linked in:
#top #wrap_all .av-social-link-linkedin:hover a {
background-color: #46d4fe;
}
Adjust colors as needed.
Best regards,
Andy
Hi,
if you want to use this code for desktop only, then you could simply change media queries to something like:
@media only screen and (min-width: 1024px) {
#top #main .sidebar {
background: gold;
min-height: 100%!important;
position: absolute;
right: 0;
padding-right: 30px;
width: 140px!important;
}}
Adjust media queries as needed.
Best regards,
Andy
Hi!
I want to change position portfolio button. I try to add to quick css this code:
#top .avia-post-nav{
position: absolute !important;
top: 300px !important;
}
.avia-post-prev{
left:20%;
}
.avia-post-next{
right:20%;
}
But problem with this solution is when aj change size web browser change position buttons.
I want position button independent from web browser! Look at the picture:
View post on imgur.com
Thanks for help.
Jozef
Hi,
First, thanks for your amazing support, it’s not my first thread and you always been very effective :)
Now I open this one cause i cannot find the solution in the support or the forum. It’s about the fullwidth submenu item background. I don’t understand why when I open my page I have this
with a withe background and when scroll I have this
(and the last one is what I want:).
So far I’ve set up the css below :
.av-submenu-container { background: transparent; }
#top .av-subnav-menu li a { border-color: white; background: transparent; color: #FFF; font-family: ‘Gudea’, sans-serif; font-size: 1em; font-weight : 300; }
#top .av-subnav-menu li a:hover { color: #981e2d; }
I try to find something specific with firebug but everything I tried didn’t work…
Do you have a solution ? :)
Thanks.
Clément
Please go through the website pm.pixelart.pro. I would want to enforce the desktop version on all devices. The header behaves very differently. I want it without a background
Hi
I have noticed an issue with popup animation on Firefox. The sections “blink” 3 to 5 times at page load.
Please try this page: https://zombicide.com/en/pg/ultimate-survivors-2/ on FF, Chrome and others.
The left and right portions of the page are set to use popup animations.
This issue is only on Firefox and only when using popup animation.
I guess this is the same issue presented here: https://kriesi.at/support/topic/enfold-blinking-in-firefox-45-0-1/
I tried adding the CSS code submitted by Yigit but it didn’t fix it.
Thanks
Hi!
Sorry, please use following code instead
#top div .avia-gallery img {
border-style: none;
}
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 div .avia-gallery img { padding: 0; }
Best regards,
Yigit
That pretty much did it, You may close the subject!
Thank you!
Changed some value, so my code looks like this:
@media only screen and (max-width: 767px){
.responsive .phone-info {
position: absolute;
top: 0px;
left: 0px;
width: 50% !important;
}
#header_meta .sub_menu>ul {
position: absolute !important;
top: 30px;
width: 100%;
}
#header_meta {
min-height: 60px !important;
}
}
Hey antoine251,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.sidebar .widget_nav_menu ul:first-child .current_page_item {
padding-right: 52px;
padding-left: 0;
left: auto;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
margin-bottom: 4px;
background: #fcfcfc;
}
Best regards,
Yigit
Well it works prefectly. I had already tried that, but my visual back-end editor stopped working. So, I tried many other things. Now it asked me if I wanted something to whitelist what had to do with admin en Ajax (although I’m a Feyenoord fan, so I wasn’t surprised that Ajax corrupted the thing). Then it stopped messing up the back-end
Thanks anyway,
GRTZ Fred
Hi Rikard,
Sorry for such a late reply. It looks bad in Chrome, but not in other browsers. I guess there is a conflict with a Chrome addon. Topic can be closed. Thank you!
*waves*
Anne
Hey mmsdev,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av-share-box .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
.av-share-box .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
.av-share-box .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
.av-share-box .av-social-link-reddit a {
color: #fff;
background-color: #FF4500;
}
.av-share-box .av-social-link-mail a {
color: #fff;
background-color: #9fae37;
}
#top #header .social_bookmarks {
margin-left: 10px;
}
Best regards,
Yigit
Hello , at first excuse me for my bad english !
Id’ like to delete the thin red border around gallery thumbnail :
(or to how make it the same color than the background )
http://saou-restaurant.fr/#notrehistoire
I put some CSS codes in quick CSS to delete borders between lateral menu and content on all the page.
.content, #top #main .sidebar, .sidebar_left .content { border-left-style: none!important; border-right-style: none!important; }
.avia-section { border: none !important; }
.footer { border: none; } this one have effect
I made red border in “general styling” to make it invisible between the lateral menu and the footer
Thank you for your help
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px){
.responsive .phone-info {
position: absolute;
top: -2px;
left: -38%;
}
#header_meta .sub_menu>ul {
position: absolute!important;
top: 30px;
}
#header_meta {
min-height: 60px!important;
}
}
Best regards,
Vinay
Hey Hugues,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency #header_meta {
background: #d9544f!important;
}}
Best regards,
Vinay
Hi i’ve tried everything un this blog: https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/
But at the moment I can’t edit text anymore on the site. I deactivated all the plugins but this isn’t helping at all. Latest version of Enfold is installed.
Can you please check this. Thx!
Hi Guys,
I know this is a question often asked and it not specifically an enfold issue, but there are so many posts here in the forum about installing Fonts and it is confusing.
I have a basic Windows .tff font (chalkduster). I used Font Squirrel to convert it (saw the suggestion in another forum topic).
I now have a .woff and a .woff2 as well as a stylesheet.css file as a result.
Q: What do I need to do to get them working on my site?
Q: Do I still need the .tff file also?
Q: Where do I upload the files (and which ones? I understand .woff2 may not support all previous browser versions?)
Q: Do I enable websafe fallback in the enfold Theme settings?
*: I have a child theme installed.
*. I know how to .FTP
The css file downloaded with the Font Squirrel conversion has the following code:
@font-face {
font-family: 'chalkdusterregular';
src: url('chalkduster_0-webfont.woff2') format('woff2'),
url('chalkduster_0-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
Q: After enabling the font, how do I make it selectable through the Enfold interface? e.g. To set H1 or H2
Again, sorry but I know this is covered already in the forum, but there are no ‘tutorials’ or step by step instructions specific to Enfold that I can find.
I hope you can assist.
Many thanks in advance,
H
Hi,
I have been able to achieve almost everyhting I needed by browsing the forum threads but one small thing eludes me:
On the website in the link – set to private content as it is in development for a client – I have set the main nav area with a white background when users scroll up, out of transparent mode, with the top bar in the red with white text and social icons in white.
However, on mobile devices the top bar returns to a white background 9so the white text is invisible) how can i maitain the red background on mobiles for this top bar please without affecting anything else ?
Thanks in advance
Hey,
On my site I want to add an HR between two color sections to get a 3px “border” – however, the HR is wrapped in loads and loads of content divs adding 50px of padding top and bottom. How can this be avoided?
Hi again,
I made it work, but need to style the ‘Read More’ tag on the achieve page to bold text?
How can I make this work?
The styling I use for *Read More’ tag on other ‘blog grids’:
.invfront a.more-link {
top-padding: 10px;
color: #2c4143;
font-weight: bold!important;
}
I added the missing ‘Read More’ tag by first deleting the following, which I had added in functions.php:
function change_blog_archive_style() {
global $avia_config;
if(!is_single()){ $avia_config['blog_content'] = "excerpt_read_more"; }
}
add_action('get_header', 'change_blog_archive_style');
And added instead to achieve.php:
'contents' => 'excerpt_read_more',
Which Josue suggested in the post: https://kriesi.at/support/topic/add-read-more-text-on-grid-blog-archive-page/
Br
ChangeGroup
-
This reply was modified 9 years, 10 months ago by
changegroup.
Hi guys
When drilling down on the top navigation from: MENUS > QUEENSLAND, it displays pages with a Full-Width Sub Menu.
On the default page STARTERS, the very top navigation active color state is displaying correctly on MENUS.
However when clicking on another Sub-Menu item (eg: MAINS / JUNIOR etc), the top nav active state is lost.
How can I retain it?
Site details are below; thanks.