Hi there,
(1) Our top navigation bar does side-to-side movement when we click through ANY of the navigation bar titles in IE. It’s especially pronounced in IE 10. It happens on all pages in IE, and I did research the support items and found a recent reference in the forum for http://marsmarketing.com.au (I added that code to custom.css). We see that the Enfold theme works perfectly with IE10 at http://marsmarketing.com.au/
It seems like it’s only happens when we click on Products in Chrome. Our site is alvanatural.com.
(2) When we go from page-to-page the background flashes in our accent “salmon” color (the footer?) – can this be changed to something more neutral like light grey or white via custom.css without affecting other custom settings in Enfold Theme Options?
Could you let me know how these issues could be fixed? thanks.
*Great job – we like Enfold a lot. Well done.*
Hi there,
(1) Our top navigation bar does side-to-side movement when we click through ANY of the navigation bar titles in IE. It’s especially pronounced in IE 10. It happens on all pages in IE, and I did research the support items and found a recent reference in the forum for http://marsmarketing.com.au (I added that code to custom.css). We see that the Enfold theme works perfectly with IE10 at http://marsmarketing.com.au/
It seems like it’s only happens when we click on Products in Chrome. Our site is alvanatural.com.
(2) When we go from page-to-page the background flashes in our accent “salmon” color (the footer?) – can this be changed to something more neutral like light grey or white via custom.css without affecting other custom settings in Enfold Theme Options?
Could you let me know how these issues could be fixed? thanks.
*Great job – we like Enfold a lot. Well done.*
Hi there,
(1) Our top navigation bar does side-to-side movement when we click through ANY of the navigation bar titles in IE. It’s especially pronounced in IE 10. It happens on all pages in IE, and I did research the support items and found a recent reference when it was suggested to use the following code (I added this to custom.css):
/* #top .main_menu .menu > li:last-child > a {padding-right: 0 !important; } */
We see that the Enfold theme works perfectly with IE10 at http://marsmarketing.com.au/
It seems like it’s only happens when we click on Products in Chrome. Our site is alvanatural.com.
(2) When we go from page-to-page the background flashes in our accent “salmon” color (the footer?) – can this be changed to something more neutral like light grey or white via custom.css without affecting other custom settings in Enfold Theme Options?
Could you let me know how these issues could be fixed? thanks.
*Great job – we like Enfold a lot. Well done.*
Hi there,
(1) Our top navigation bar does side-to-side movement when we click through ANY of the navigation bar titles in IE. It’s especially pronounced in IE 10. It happens on all pages in IE, and I did research the support items and found a recent reference when it was suggested to use the following code (I added this to custom.css):
#top .main_menu .menu > li:last-child > a {
padding-right: 0 !important; }
We see that the Enfold theme works perfectly with IE10 at http://marsmarketing.com.au/
It seems like it’s only happens when we click on Products in Chrome. Our site is alvanatural.com.
(2) When we go from page-to-page the background flashes in our accent “salmon” color (the footer?) – can this be changed to something more neutral like light grey or white via custom.css without affecting other custom settings in Enfold Theme Options?
Could you let me know how these issues could be fixed? thanks.
*Great job – we like Enfold a lot. Well done.*
Hi there,
(1) Our top navigation bar does side-to-side movement when we click through ANY of the navigation bar titles in IE. It’s especially pronounced in IE 10. It happens on all pages in IE, and I did research the support items and found a recent reference when it was suggested to use the following code (I added this to custom.css):
#top .main_menu .menu > li:last-child > a {
padding-right: 0 !important; }
We see that the Enfold theme works perfectly with IE10 at http://marsmarketing.com.au/
It seems like it’s only happens when we click on Products in Chrome. Our site is alvanatural.com.
(2) When we go from page-to-page the background flashes in our accent “salmon” color (the footer?) – can this be changed to something more neutral like light grey or white via custom.css without affecting other custom settings in Enfold Theme Options?
Could you let me know how these issues could be fixed? thanks.
*Great job – we like Enfold a lot. Well done.*
Hi there,
(1) Our top navigation bar does side-to-side movement when we click through ANY of the navigation bar titles in IE. It’s especially pronounced in IE 10. It happens on all pages in IE, and I did research the support items and found a recent reference when it was suggested to use the following code (I added this to custom.css):
#top .main_menu .menu > li:last-child > a {
padding-right: 0 !important; }
We see that the Enfold theme works perfectly with IE10 at http://marsmarketing.com.au/
It seems like it’s only happens when we click on Products in Chrome. Our site is alvanatural.com.
(2) When we go from page-to-page the background flashes in our accent “salmon” color (the footer?) – can this be changed to something more neutral like light grey or white via custom.css without affecting other custom settings in Enfold Theme Options?
Could you let me know how these issues could be fixed? thanks.
*Great job – we like Enfold a lot. Well done.*
Very useful thread, thanks.
I’ve used Yigit’s code to experiment with and adjust the spacing above and below the main content elements to achieve a slightly ‘tighter’ look to my site.
/* ********* testing space BEFORE main content items ********** */
.content { padding-top: 18px!important; }
/* ********* testing space AFTER main content items ********** */
.content { padding-bottom: 18px!important; }
Hi CarvedBlock!
Yes, Kriesi hides the code of the “Advanced Layout Builder” when the user switches to the default editor because we want to avoid that inexperienced users manipulate the template builder code directly. If you want to access/edit the template builder source code you can use the “debug mode” which will display the plain source code underneath the visual composer. This post: https://kriesi.at/support/topic/after-building-with-avia-no-content-visibleeditable-on-the-standard-editor/#post-171445 shows you how to activate the debug mode.
Cheers!
Peter
Hi Jens!
Which google maps plugin are you using? If you use the http://www.wpgmaps.com/ plugin you can deactivate it on the options page ( Maps > Settings and check the “Disable Mouse Dragging”). If you’re using the default widget you need to modify the theme code: https://kriesi.at/support/topic/full-width-google-maps/#post-135567
To add a fullwidth map to your website you need to stretch a section element to 100%. Use the section id or class (see: https://kriesi.at/support/topic/add-a-anker-shortcode-template-to-avia-layout-builder/ ) to stretch the section with css code – i.e. use following css code
.mycustomsection{
width: 100%;
}
Then add a texblock element into the section and paste your shortcode into the texblock editor field.
Regards,
Peter
This reply has been marked as private.
Hi,
Try adding this code to the Quick CSS area in the Theme options page:
#top .gallery a, #top .gallery a img{
display: inline-block !important;
}
Regards,
Josue
Hey!
Try adding this CSS code:
#top .av_font_icon a{
display: inline-block;
}
Tested in Safari 5.1.1 / OS X Lion.
Regards,
Josue
The colour section element seems to embody the whole background from where it is inserted and down to the footer. No matter where on the page it’s placed. I can place it between two elements and it won’t effect the top element but it falls in behind all elements below (bar footer).
Hi Oli!
You can request that feature here, in the meantime i’d recommend trying with this plugin.
Cheers!
Josue
Thanks, I was able to take care of the first item (it was the title on single.php that controlled the one I needed to remove).
The second item wasn’t as easy. The link from the other topic you gave says:
The text “Archive for category:” is generated by avia_which_archive function. You can find it on framework > php > function-set-avia-frontend.php, find this code on line 834:
However, I haven’t had much luck figuring out how to get to the specific file it noted to make the change. Can you point me in the right direction?
+1 for “Possibility to add classes to Layout Elements”
Edit (Dude): Already supported – see: https://kriesi.at/support/topic/custom-css-class/#post-169149
-
This reply was modified 12 years, 3 months ago by
Dude.
Hi Josue,
Thank you so much. Can you tell me if I still need this?
.content { padding-top: 20px; }
Thanks.
sl
Hello totofunk!
Add this CSS code to the Quick CSS:
#top .title_container .container{
min-height: 40px !important;
}
.title_container .breadcrumb{
left: 0 !important;
}
Regards,
Josue
Hello!
Please add following code to Quick CSS as well
#top .variations td.label { width: auto; }
Best regards,
Yigit
Hey Guys I know this is asked a lot. I am trying to impliment a custom font based off of this post
https://kriesi.at/support/topic/how-to-add-a-custom-font/
my website is http://www.jackandaddi.com – and I am using a child theme
I have used font squirel to make the files. I have added the @font-face code to my style.css file it looks like this:
@font-face {
font-family: 'claire_handregular';
src: url('clairehandregular-webfont.eot');
src: url('clairehandregular-webfont.eot?#iefix') format('embedded-opentype'),
url('clairehandregular-webfont.woff') format('woff'),
url('clairehandregular-webfont.ttf') format('truetype'),
url('clairehandregular-webfont.svg#claire_handregular') format('svg');
font-weight: normal;
font-style: normal;
}
body, body p { font-family: 'clairehandregular-webfont', Arial, sans-serif; }
I then tried to make a basic “ugly” edit to test this. I see the font change but it is changing to arial.
I am guessing I am not putting the 4 font files in the right place. The documentation says to put them by your css files. Dude says to put them in your css directory. (but on the parent theme) If I just make the css directory on my child it doens’t work of course. not jsut puttign the files in the child root.
Please explain how I make it work in the child theme setup? were do my 4 font files go?
Hey coms77!
1) Currently no, but you can request that feature here https://kriesi.at/support/topic/enfold-feature-requests/
2) Yes as you can see on Demo page as well http://kriesi.at/themes/enfold/portfolio-item/single-portfolio-23-gallery-3/
There is post navigation for blog posts as well http://kriesi.at/themes/enfold/2012/01/14/this-is-a-nice-post/
3) It does in my installation. Can you post the link to your website?
4) Please add following code to Quick CSS in Enfold theme options under Styling tab
.grid-entry .inner-entry { box-shadow: none!important; border: 1px solid #e1e1e1; }
5) Please add and adjust this one as well
.grid-content, .avia-arrow, h3.grid-entry-title { background-color: orange!important; color: white!important; }
6) It is possible to change all of them on hover if you wish. Or it will look like this http://i.imgur.com/6KqhzOL.jpg
7) Please see this post if you have not seen it already https://kriesi.at/support/topic/available-from-kriesi-at-home-page/#post-171213 :)
Best regards,
Yigit
Hey sletts02!
Please refer to this topic https://kriesi.at/support/topic/new-custom-font/#post-121900
Best regards,
Yigit
Hey Tom!
Please refer to Ismael’s post here https://kriesi.at/support/topic/change-text-of-main-title/#post-167849
It answers both of your questions :)
Best regards,
Yigit
Hello!
Please add !important as following and after that flush your browser cache and refresh your page a few times.
.home .content { padding-top: 30px!important; }
This will decrease top padding on home page
Cheers!
Yigit
• Possibility to add classes to Layout Elements
+1
Edit (Dude): Already supported – see: https://kriesi.at/support/topic/custom-css-class/#post-169149
and…
• possibility to use your social icons with a widget in sidebars or inside the widget-elements from Avia Layout Builder
+++++ Youtube +++++ :)
• Thumbnail for Videos
• Possibility to add classes to widget areas and Layout Elements
Edit (Dude): Already supported – see: https://kriesi.at/support/topic/custom-css-class/#post-169149
-
This reply was modified 12 years, 3 months ago by
Dude.
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.home .content { padding-top: 30px; }
Best regards,
Yigit