Thanx Rikard, I have manually added a breadcrumb to all pages with the topslider.
I am still looking into making a custom template for the slider and breadcrumb, so I can have a more bulletproof solution.
Hey!
turn on custom class: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Then use a code like this:
.your-custom-code .avia-image-container-inner {
max-width: 846px !important
width: 846px !important
margin-left: -10px;
margin-top: 10px;
}
and adjust as needed.
If it doesn’t work for you then send us admin access here as private reply.
Cheers!
Andy
Hello,
We have a problem with our header – it works perfectly in Firefox and IE, but not in Chrome, where there we have the background color and a shrinked header on top… Could you help, please?
Many thanks,
Fiorilla
Hey!
It would be easier and faster for us to resolve the issue with FTP access.
The site again crashed because of a conflict. Please goto the functions.php and remove the code right on top after ” if(isset($avia_config[‘use_child_theme_functions_only’])) return;”
//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}
Regards,
Vinay
Hi there Jordan,
I tried it but it doesn’t seem to work, I now have this in my quick CSS field:
.buttoncool-class a.avia-button {
background: #7db9e8;
background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #1e5799 100%);
background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#7db9e8′, endColorstr=’#1e5799′,GradientType=0 );
}
.buttoncool-class a.avia-button {
border: 5px solid #ab24cd;
}
I used it in one button in the link below, as you can see, I think the code should generate a purple border , right?
But it’s not there, what did I do wrong? :)
Marcel
Hi!
Please use the below css
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_column {
background: transparent!important;
}}
Cheers!
Vinay
Hey!
As i understand you like to have a hamburger menu in desktop view correct? So in desktop if you click on the hamburger icon a fullscreen menu will show? If so please remove the code that which did not work to avoid any conflicts in the future and add the follow in Enfold > General Styling > Quick CSS
/* Fullscreen menu */
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {
display:block !important;
}
#advanced_menu_toggle {
background: #000;
}
Regards,
Vinay
Hey André!
You can add the below css to the button class
.custom-button{
top:50%;
transform:translateY(-50%);
}
If you have any issues please share the custom css you are using and the link to the page where we can inspect the custom button.
Cheers!
Vinay
I installed version 3.4 to a new WordPress.
I found error in text block. (I attached same error URL)
https://kriesi.at/support/topic/problem-with-wordpress-4-3-1-update-with-enfold-2-8-1-tag-keeps-on-adding/
This error was not fixed.
How do I fix this?
Thanks.
-
This topic was modified 9 years, 11 months ago by
kkjung.
Hi!
Before updating again please add a child theme if not all custom code added to the theme mighe get overwritten with new files.
kriesi.at/documentation/enfold/using-a-child-theme/
To add social icons please follow the links below
To add custom social icon
Cheers!
Vinay
Hi Rikard,
thanks for your response.
Sorry, not quite the correct link: http://kriesi.at/themedemo/?theme=enfold-overview
But if you click on it
Then click on the first picture -Enfold Default Demo-
And then on the Main Menue Title -Pages-
This is how I want my page look like.
I don´t want to change the slider itself. I want the slider to be in the same position like on the Enfold demo -Pages-. Right under the Top Main Menue. Without any white space. And the sidebar should not interfere with the slider like it does in my newly added link below.
So, I guess, that I don´t have a problem with the layer-slider itself. More likely with the settings around it.
Hope you got me right.
Best regards,
Fel
Hey!
I was able to re-produce the issue.
The site works great on a desktop chrome but has a problem in IE desktop.
I don’t have a Mac but let’s see if the below solution will work for both.
Sometimes using 3rd party plugins may cause a conflict To find the plugin in conflict please follow the below steps
1. Goto plugins page > Deactivate all active Plugins
2. Updated WordPress and Enfold to latest version if you have not.
3. Activate one plugin at a time… refresh the page and check for the issue.
4. Make sure the plugins are all updated
Regards,
Vinay
I have no problem with this page on a mobile device. I’m on an iMac… a desktop.
Hi there!
We tried to add the search bar to the mobile menu according to
https://kriesi.at/support/topic/search-widget-only-in-mobile-view/#post-517247
The search icon appears, but it doesn’t work by hovering / clicking it.
Would you please have a look at our ‘Edit Functions’ and the ‘Quick CSS’?
Thanks and best regards
Bernd
Hi!
The code changes were made in Enfold options > General styling > Quick CSS
To make the icons round please use the below css
.js_active .top_tab .tab {
width: 70px;
height: 70px;
}
Best regards,
Vinay
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hey Snerp,
They look responsive to me, but you will always lose some image data because of the differently sized screens so it won’t look exactly the same on desktop as on mobile or tablets. I would recommend you to add text as separate image or as html. If you want greater control of how the sections look on mobile you can create separate sections and upload images better adapted to mobile screens and then hide/show the correct one using CSS. Let us know what approach you would like to take and we’ll help you if you should run into problems.
Thanks,
Rikard
Hi MichaelAlbany!
Please use the below CSS to make the blog pages full width
#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 100%!important;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 90%!important;
}
Regards,
Vinay
http://www.secretstash.com/home
I need to change the font color on mobile devices for the color section that has THE NOTORIOUS FIG in 1/4 column a empty 1/2 column and then Winner of the World Champion Pizza Challenge in the last 1/4 (this color section is the first one just below the video at the top of the page.
I have created a class called mobilered and placed it in every special heading that needs to be changed on mobile.
I then used this code in my quick css:
@media screen and (max-width: 767px) {
.mobilered {
color: #a81010!important;}
}
and nothing happens. I also tried creating a codeblock that has this in it:
<style type = “text/css”>
@media screen and (max-width: 767px) {
.mobilered {
color: #a81010!important;}
}
</style>
and nothing happens.
How can I change the font color of a custom class on mobile devices?
http://www.secretstash.com/home
-
This topic was modified 9 years, 11 months ago by
ewingmh.
Hi @Viveka44,
So I’m guessing that fixed your problems? Please let us know if you should have any further problems on the topic.
Best regards,
Rikard
Hey felix_dieckmann,
I’m not sure how you would like your slider to look like since the page you linked to is the overview page for the Enfold demos. If you click Remove Frame in the top right hand corner of the screen on the link you will be able to link directly to the page.
Best regards,
Rikard
When Enfold is configured in the General Layout as “Logo and Main Menu” set to Left Sidebar and Boxed Layout, things go missing.
When viewing a “Page”, the page title is no longer included in the rendered output. Desktop or Mobile.
When viewing the main “Blog” page, Images or blog captions are not displayed within the list. Any list format if the blog entry was created using the “Advanced Layout Editor”. It works fine when the “Default Editor should be used.
Test site: link provided in the “private content section”.
The first entry “Easter Egg Hunt” was created using the “Default Editor”. Go into that entry to see the social networking links and comment box are present.
All other entries were created using the “Advanced Layout Editor”, the social networking links and comment box are missing.
Any ideas appreciated,
Chris
Hi there,
Just wondering how I can stop images from getting arrows and fade on them when a mouse hovers over them – they don’t have a link, so I don’t want it to look like they do.
Thanks – http://recoveringwholeness.com/
Hey AirstreamCoach,
If you want greater control I would suggest that you create another section which will only show for mobile and upload an image better adapted for that screen size. You can give you sections ID’s in the element options and then hide/show them with the following CSS:
@media only screen and (max-width: 767px) {
#id-of-desktop-section {
display:none !important;
}
}
@media only screen and (min-width: 768px) {
#id-of-mobile-section {
display:none !important;
}
}
Thanks,
Rikard
Thanks, site is running again now, but that edit didn’t work. This time stopped all Portfolio featured images loading in the Grid, plus links directly to item on all portfolio items bypassing AJAX previews.
Hello,
I have a layout where I need to have 7 columns on a page. Is there a way I can do this? I’ve seen this post, but I wasn’t sure whether I can modify the solution for 7 instead of 6: https://kriesi.at/support/topic/how-to-create-six-16-columns/
Thanks very much!
Hello!
I added this code to Quick CSS to adjust the placement of the bottom captions on the full-width easy slider on desktop views so they land in the whitespace in the image used:
.caption_bottom .slideshow_caption {
top: 425px !important; left: 350px !important;
bottom: auto !important;
}
Can you help with the correct selector/values to move them so I can see them on mobile views? I have tried adjusting values but nothing seems to bring them into view, maybe I’m missing something?
Thanks!
Hi, On my homepage, using a Galaxy 5, the testimonial slider works very well until I touch it. After touching it the element the slider freezes on one testimonial and won’t slide again until I refresh the page. To test I took out all my custom css. I also put a copy of the testimonial slider on a page by itself and still the problem persists. The only plugins running are Yoast and Updraft+ Here’s the page http://mobilebyfriday.com/testtrashtest/
Also I just checked another enfold site and I see the same issue: http://responsivebeach.com/
I tried turning off touch for that element by applying the css below to the color section. It did successfully turn of touch to the color section but problem persists. Do I need to do something different to apply the css to the testimonial slider itself?
#rds-kill-the-touch {
touch-action: none;
}
Help is appreciated!! Thanks, Rob
-
This topic was modified 9 years, 11 months ago by
rdswestnet.