Hey ShortieD!
Please add this on your custom.css or Quick CSS:
@media only screen and (max-width: 767px) {
.responsive #top .avia-content-slider-odd .slide-entry.slide-parity-even {
margin: 0;
clear: both;
width: 100%;
}
.responsive #top .slide-entry {
width: 100%;
margin-left: 0;
}
}
Remove browser cache then reload the page.
Cheers!
Ismael
Hey!
Can you please post a screenshot of the layout that you like? That is the default look of the topic box. Kriesi chose to removed some of the elements to make it look better.
Best regards,
Ismael
Hey!
You can use this on your custom.css or Quick CSS to change the look of the pagination:
#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
float: left;
height: 35px;
width: 35px;
line-height: 34px;
text-align: center;
padding: 0;
border-radius: 0;
margin-right: 3px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
Change the values.
Best regards,
Ismael
Never Mind.
Fixed it with this code :
#top .main_menu .menu li ul a { color: blue!important;}
Hi fjrichart!
You can add this on your custom.css or Quick CSS to decrease the opacity of the images on initial load:
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: auto!important;
opacity: .8;
}
Use this to make the opacity to 100% when hovered:
#top .avia-gallery .avia-gallery-thumb a:hover {
opacity: 1;
}
Cheers!
Ismael
Hi Tech!
I’m not sure why the wrap_all container moved down, maybe because of a plugin you installed. Please add this on your custom.css or Quick CSS:
#wrap_all {
margin-top: -27px;
}
Remove browser cache then reload the page a few times.
Regards,
Ismael
Hey!
First thing to do is go to your caching plugin settings and clear your cache. Then deactivate the plugin so it stops caching your pages.
There is no reason to be using one when you are still developing.
Right now on my end I’m having no issues viewing the site or the /welcome-2 page.
Regards,
Devin
This is what I have for 720 – 760.
This did not work.
/*.title_meta p{
margin: 1.3em 0 0 0;
}
.title_container .breadcrumb {
z-index: 10;
line-height: 15px;
font-size: 11px;
position: absolute;
right: 0;
top:50%;
margin-top: -7px;
}
.breadcrumb a{text-decoration: none;}
.breadcrumb a:hover{text-decoration: underline;}
.breadcrumb-trail .trail-before, .breadcrumb-trail .trail-end, .breadcrumb-trail .sep, .breadcrumb-trail a, .breadcrumb-trail .bbp-breadcrumb-current{
display: block;
float: left;
padding:0px 3px;
}
.breadcrumb-trail span, .bbp-breadcrumb-current a{display: inline; padding:0; float:none;}
.breadcrumb .sep{
display: block;
overflow: hidden;
width:8px;
}
/*prettyphoto enhancements*/
div.pp_default div .pp_content{
background-color: #f8f8f8;
padding-bottom:5px;
}
*/
Hi there,
I would like to know how to create the Fullscreen Slider – as you have in your demo Pages > Slider > Fullscreen Slider. As I have tried the Fullscreen Slider from the Media Elements and it only gives Image insert options, not the additional text animation/buttons as you would be able to set in the Advanced Layer Slider.
Could you please let me know how your page was achieved in the Demo?
Also ideally I would like the Fullscreen Slider to also show the image behind the navigation/logo at top.
Thanks so much!
Alison
Hey!
Change the code to this:
@media only screen and (max-width: 989px) {
.responsive #top #header {
position: static;
}}
And set the header type to fixed.
Cheers!
Josue
Hi!
Please refer to Devin response in this topic on how to override a shortcode without editing the theme files directly: https://kriesi.at/support/topic/how-do-i-override-an-avia-framework-class-definition-using-enfold-child/#post-166970
Cheers!
Josue
Hi
I am so sorry I got the header types mixed up, I need it to be
Desktop fixed
Tablets non-fixed
Sorry for the confusion
Phil
Hi fjrichart!
Do you mean adding social icons to socket in footer? If so, please see this post https://kriesi.at/support/topic/footer-socket-question/#post-193649
If not, please elaborate
Cheers!
Yigit
I had this issue back in October https://kriesi.at/support/topic/help-with-top-margin/, which was fixed. But the problem has reappeared with space above the top menu.
I have already, but it no longer fixes it. Is there another way to fix this?
http://lapolla.com
#header_meta{
display: none !important;
}
Hi!
It looks like image links are broken for some reason. I have replied you in your other topic. Please try re-updating the theme and let us know if issue remains.
Regards,
Yigit
Hi Ina!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust needed
div .logo { left: 37%; }
.main_menu { right: 30%; top: 30px; }
.main_menu .menu ul { top: 75%; }
.avia-menu-fx { bottom: 28px; }
.header-scrolled .social_header #header_main .container { margin-bottom: 30px; }
.header-scrolled .main_menu .menu ul { top: 67%; }
Regards,
Yigit
Hi,
I just saw a post on background images here:
https://kriesi.at/support/topic/full-screen-background-images-possible-in-enfold/
I downloaded the plugin and for the life of me, can’t get it to work properly with Enfold. Does anyone else have a suggestion? I would like to background images to scroll thru the list of images selected.
Thanks.
sl
Hey Teresarmy!
As far as i know Kriesi is going to make it into a plugin later but no ETA yet. You can request it here https://kriesi.at/support/topic/enfold-feature-requests/
I am closing this thread as it is not a support question. Feel free to start a new one if you have any questions or issues
Best regards,
Yigit
I would like to have in enfold fantastic contact form only two small features:
1. in spam protect field, were the math is displayed and the customer shall enter the result, a simple border or a background should differ the math and the input. I had today a visitor, who was not able to put his result into input field, because he liked to replace the questionmark. It is not so clear, as it should be.
2. In contact too, I like to able and put some description under a field. Sometimes a text below or on top of a form with declaring how to use it and how to put values into field are not recognized. If I may put a description beside or below a field, it will be much better.
Hey!
You are welcome Raoul, glad we could help.
Please feel free to request it here https://kriesi.at/support/topic/enfold-feature-requests/
and let us know if you have any other questions or issues
Cheers!
Yigit
Hey fjrichart!
1- Please refer to this post https://kriesi.at/support/topic/changing-the-human-approval-default-text-o-form/#post-203583
2- Can you post the link to your website?
Regards,
Yigit
I’m having the same problem ammcpherson was having, but have no idea how to resolve it. I can’t create the masonry style blog page. Can someone please help?
Thanks
How do I make the border on the table surrounding the “About Us” section at the bottom left of the page go completely around the table instead of just the top and left?
http://johnstonsafetysupply.com/
Thanks!
After changing this code, it did not stop the animation on load. Check this page http://www.jaredburnettphoto.com/portfolio/live/ . I don’t care for the fade in effect. I would just like them to load normally. The gallery is set to animate on page load in the settings. Perhaps I needed to change something else besides just the code in the shortcode file.
Hey!
Please add following code to Quick CSS as well
.fixed_header #main { padding-top: 150px; }
@media only screen and (max-width: 767px) {
.responsive .main_menu { margin-top: 40px; }}
@media only screen and (max-width: 767px) {
.responsive .logo { height: 135px; }}
@media only screen and (max-width: 480px) {
.logo, .logo a, .logo img { max-height: 115px; }}
Regards,
Yigit
Hey!
You can right click on your menu item and click Inspect Elements on Chrome or Firefox to find it. It should look like this http://i.imgur.com/oIeGuNN.jpg
Regards,
Yigit
How do I find the menu item id?
Fixed.
I’ve managed to sort the problem out. Here’s the info in case anyone else has the same problem.
It was caused by a CSS clash with a new ID I had added to the tabs to support Google Event Tracking. The updates were done in line with this post
I didn’t follow the post exactly, because the suggestion was to add an ID with # in the front, e.g. ID=’#tab-id-1′ I couldn’t use the # because it clashed with the google events plugin I was using, so I dropped it giving me ID=’tab-id-1′ That caused the problem. I changed the ID I was generating to ID=’eventtab-id-1′ (and changed the event tracking plugin for the new names) and it’s all working fine now.
Rob.
That did not work. The logo is overlapping the header graphics at the top.
How do I target rows within the content builder. For example, in the admin content builder I have two rows. The first is laid out in thirds, the second row is laid out in fourths. I would like to have one background for the first row and a different background for the second row.
Looking at the code there doesn’t appear to be a div or element containing each row that I can use for CSS markup.
<div class="flex_column av_one_third first avia-builder-el-1 el_after_av_layerslider avia-builder-el-first ">
<div class="flex_column av_one_third avia-builder-el-3 el_after_av_one_third ">
<div class="flex_column av_one_third avia-builder-el-5 el_after_av_one_third ">
<div class="flex_column av_one_fourth first avia-builder-el-7 el_after_av_one_third column-top-margin">
<p></p>
<div class="flex_column av_one_fourth avia-builder-el-9 el_after_av_one_fourth column-top-margin">
<div class="flex_column av_one_fourth avia-builder-el-11 el_after_av_one_fourth column-top-margin">
<div class="flex_column av_one_fourth avia-builder-el-13 el_after_av_one_fourth column-top-margin">
If there was a hook I could use when a layout element is clicked that would be awesome. I could then use functions.php to add in divs and separate out the sections/rows without editing the theme.
-
This topic was modified 12 years, 2 months ago by
Estland.