Hi,
Ok, let us know if you should need any further help on the topic.
Thanks,
Rikard
Hey jb84,
Here’s some bug spray to put in Quick CSS:
#footer #woocommerce_product_search-3 h3 {
padding-top: 0 !important;
}
Thanks,
Rikard
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) {
.responsive .logo a {
vertical-align: top;
}
span.subtext {
top: 35px;
}
}
Regards,
Rikard
Hi!
Thank you for using Enfold.
This will automatically work if you’re using the blog post or the masonry element. Unfortunately, posts with link format are not automatically converted in a magazine element. If you really need this to work in a magazine element, please follow the instructions in the following thread.
// https://kriesi.at/support/topic/enfold-magazine-post-with-link-format-does-run/#post-435156
// https://kriesi.at/support/topic/enfold-magazine-post-with-link-format-does-run/#post-429736
Best regards,
Ismael
Hi,
Glad you found the problem, let us know if you should need any further help on the topic.
Thanks,
Rikard
Hi!
Please test the solution provided in the following thread. https://kriesi.at/support/topic/contact-form-styling-2/#post-700569
Regards,
Ismael
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Something has changed with Enfold for me, my fullscreen slider images were all looking great until recently, now they are clipped a great deal on the top. As far as I can tell this has nothing to do with anything I changed. I do not have any cache plugins running. Please help…
Hi!
I need a page with a tabbed container with no tab titles. This way, each tab content would be selected by links or buttons inside it.
The tab_titles div I can hide with CSS and a link with href="#tab_id" works fine for changing tabs.
However… the page must be shown in a Ajax popup, with the same Magnific Popup script Enfold uses. Inside that popup, links to other tabs will instead close the popup and open the Ajax loaded page.
This way, how to select a tab with no tab titles and not using links with href="#tab_id"?
I see that most of tabs logic is built in shortcodes.js and I am thinking if a simple JS code or a specific HTML markup would do the trick. A similar issue seems to have been solved in this topic.
Thanks!

Andy & Ishmael,
I finally was able to get the spacing of the columns in the main content area (which includes the background ads that i spoke of) fixed to a width that i needed.
The developer that helped me to do this said he did it with CSS.
.flex_cell.av_one_fifth.first.avia-builder-el-first {
margin-left: 0 !important;
}
.flex_cell.av_one_fifth.first.avia-builder-el-last {
margin-left: 6%;
float: left;
clear: none;
margin-top: 0;
}
#top .no_margin.av_one_fifth {
margin-left: 6%;
width: 10%;
}
Above, you will see the last few “quick css” entries that I have on the site. Thank you for your assistance trying to resolve that part of this question.
There is still part of my original question left that is unanswered.
1. Is there a way to get the “entire header area outer horizontal edge” and the “entire footer & socket area’s outer horizontal edge” to line up with the outside border of the “content area/right side bar area”? we must find a solution for this ……… without changing the “layout” for the website under the enfold “general layout”, (we must leave the layout for the site set as “stretched” because that setting helped us fix other major problems we had earlier.)
2. On test.wizs.com/, in the right side of the header, you will see an ad. this ad does not stay right aligned, more so when the screen size goes way up (like the size of televisions) We need to figure out how to fix the ad so that it stays right aligned?
3. The header image is not adapting to mobile devices on the same website listed above.
Hi again,
Here is my original thread where I was instructed to install LS as a stand-alone plugin: https://kriesi.at/support/topic/advanced-layerslider-in-footer/
When my website is viewed on a phone screen, there is a large space between the top menu and the front page slider. It looks fine and well centered on a desktop. Is there a way to fix this for mobile devices without screwing up the desktop view? Similarly, our first slide does not show on phones but shows up fine on the desktop. The website is: http://syriainstitute.org
Never mind I already figured it out.
I was adding it at the top of template-builder.php in the child theme
Hey Nicoletta_DUS!
That is because your logo has a huge whitespace at the top. You can try adding following code to Quick CSS to test it
#top .logo img {
top: -80px;
}
Please edit your logo image and decrease whitespace from top
Regards,
Yigit
Hi again
I was trying that way but it doesn’t work for me, because problem is only on iOS.
Alright that works fine for responsive mode. However, what I wrote as a detail in the original description, and as for the webpage I linked – I want this the to activate for desktop-users, and that when they hover ‘Menu’ – the desktop menu will show. Please once again look what I mean at http://www.prisjakt.nu
Hi
I have similar problem like described here but on all browser in Windows and Android all fonts works great.
The problem is only with iOs (iPhone and iPad) where latin ext (polish special letters) are displaying in standard font (Arial) but whole text is in Google fonts (Open Sans and Meriwether)
What code I should add to css area to have polish special letters on iOS?
Thank you in advanced
Krzysztof
I love using Enfold and so I always try to find a way to buy it if I can :)
A client, however, wants something like this on their home page (but EASIER, with only one row of three equal boxes, rotating once to a second set of three boxes) They would all be posts, with the background image being the featured image, and the title/excerpt/readmore on top of it
http://www.bullis.org/
I keep thinking there is an existing Enfold feature that might do this for me, but I can’t seem to find it. Can you help an Enfold fan find the right solution? :)
Thank you!
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: 768px) {
.html_elegant-blog .page-id-25 .avia-content-slider .slide-meta {
transform: translateY(-277px);
position: absolute;
top: 0px;
}}
.html_elegant-blog .avia-content-slider .slide-meta {
transform: translateY(369px);
position: absolute;
top: 0;
}
Best regards,
Vinay
well it is Kriesies Code but with important on that part i mentioned:
So my comment was that you have to change in that kriesi code the one rule to !important setting
#mobile-advanced{
width:100%;
right:0;
position: absolute;
z-index: 1000;
top:-100%;
padding:89px 0;
overflow: hidden;
border-left-style: solid;
border-left-width: 1px;
margin:0 0 0 -2px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
display:none;
}
.csstransforms3d #mobile-advanced{
-webkit-transform: scale3d(1);
-moz-transform: scale3d(1);
transform: scale3d(1);
}
.show_mobile_menu #mobile-advanced{
-webkit-transform: translate(0, 100%)!important;
-moz-transform: translate(0, 100%)!important;
-ms-transform: translate(0, 100%)!important;
transform: translate(0, 100%)!important;
}
.csstransforms3d .show_mobile_menu #mobile-advanced{
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
-
This reply was modified 9 years, 5 months ago by
Guenni007.
Yes – but as i described above – i can prevent this by removing autop function of WordPress:
remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );
btw: there are sometimes some issues with f.e. : “no div tags within h tags”
or on your enfold-creative-studio demo the duplicate ID : team ( in front of team grid and under the last grid)
Edit: if you look to source code via Browser there is only a closing p tag.
and https://validator.w3.org/ too only closing tag
but on firebug :
<footer class="entry-footer"></footer>
</article>
</div>
<p></p>
</div>
hm ???
-
This reply was modified 9 years, 5 months ago by
Guenni007.
Hey kilimats,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top.page-id-1396 .avia_ajax_form .text_input,
#top.page-id-1396 .avia_ajax_form .select,
#top.page-id-1396 .avia_ajax_form .text_area {
margin-top: -20px;
z-index: -1!important;
position: relative;
width: 100%;
min-width: 80vw;
right: 0;
left: -20px;
top:-15px;
}
#top.page-id-1396 .avia_ajax_form .text_input,
#top.page-id-1396 .avia_ajax_form .select{
position:absolute;
}
.responsive .page-id-1396 .avia_ajax_form .form_element {
padding: 15px;
}
Best regards,
Vinay
Hi,
I used this great idea posted here to style my contact form 7 form: https://kriesi.at/support/topic/styling-contact-form-7-as-enfold-contact-form/
WOrked great, i just need to make the field name inline (show up in the field instead of above)
How is this achieved?
Hi
I have reinstalled the ENFOLD theme, which has solved this issue.
Topic can be closed.
Thanks
Martin
HI nikko – I feel a bit more confused now.
here;s another test I just did.
I used ALB for blog post edit.
Sidebar is set as Enfold child default
so the sidebar works fine. I dont need
to put content in 2/3 and 1/3-widget-sidebar
areas as you said.
the only problem I find when using ALB
is that Iose featured image at top and
share buttons, tags etc at bottom – why is this?
See this screenshot to illustrate the the problem.
http://screencast.com/t/opNXveBM
For the top yellow bar I put it inside a 1/1 section and it works ok.
the bottom yellow bar is not inside a 1/1 section and it spreads across the screen incorrectly.
Feel free to login and check with the credentials i gave you .
the new blog post I am using to test this is listed below in private area.
I look forward to your thoughts.
thanks
Pete
Hi adotopanuga,
I’m not sure if that would be possible but send us a link to your site and we’ll have a look at it.
Best regards,
Rikard