Hi,
To replace the h2 tag in your slider with h1, try adding this code to the end of your functions.php file in Appearance > Editor:
function slider_h2_to_h1(){
?>
<script>
jQuery(window).load(function(){
var el = document.querySelector('.avia-caption-title');
el.outerHTML = '<h1 class="avia-caption-title ">' + el.innerHTML + '</h1>';
});
</script>
<?php
}
add_action('wp_footer', 'slider_h2_to_h1');
then add this code in the General Styling > Quick CSS field to style your new h1:
.avia-caption-title {
color: #fff !important;
font-size: 50px !important;
}
please adjust to suit.
Best regards,
Mike
Hi Guys,
I noticed yesterday that I can not change the font sizes in the child options. Likewise the attitudes for the h1 etc. headings. In other words, I can change the values, but they will not appear on the website. I’ve been searching for the error for hours – without success. I disabled my plugins – without success. I am getting desperate.
Update: Another issue:
If I change settings under design / customizer they will be saved but not displayed on the live website.
I’ve cleared the cache, deactivated WP Fastest Cache – no success.
Update 2: I saved the child options via export as a textfile. I change the theme to the parent enfold and activate it, then i delete the child theme. The enfold parent theme works as expected. After testing i install the child theme and import the settings. But no success, the same as before. I am at a loss. I’ve created a Userprofile for Support if someone will help me.
I have no idea what’s going on with my website
Thanks a lot for helping me.
Best regards, Markus
-
This topic was modified 7 years, 9 months ago by
LFK.
Looking to increase the font size of the “preformatted” description text in woocommerce archive pages. HTML font commands do not seem to work with this font form.
Link to sample page in private content.
I appreciate that Victoria, I really do. But I feel Enfold has lost its way. There are so many inconsistencies throughout the various avia elements that it is hard to remember what is best for what use. For example, some components allow you to change the font colour, others do not. Some allow you to change font size, others do not. They are really simple things to implement. I have purchased unlimited licences for both Elementor and Oxygen. With each new project I work on, I get closer to giving them a go. Please feel free to pass this to Mr K himself ;)
Hello.
How would I go about adjusting the line height for the Testimonial Slider Large? right now things are too large.
This reply has been marked as private.
Hi,
Add this to quick css:
.phone-info span{
font-size:20px!important;
}
Best regards,
Jordan Shannon
Hi,
Tbh the screenshots didn’t help me – the preloader position and styling seems to be ok. However I found this post on stackoverflow which may solve your problem: https://stackoverflow.com/questions/42354572/how-to-add-a-loading-spinner-to-woocommerce-checkout-page
You can try this code:
.woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before {
height: 3em;
width: 3em;
position: absolute;
top: 90%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
display: block;
content: "";
-webkit-animation: none;
-moz-animation: none;
animation: none;
background: url('https://d3hwc4hobpbxnl.cloudfront.net/wp-content/uploads/2017/10/31101105/preloader.gif') center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
}
Best regards,
Dude
Hi,
In the small bar above the header I would like to make the font larger. It seems that in the Enfold settings you are able to customize this bar area and change the font & color but not the size.
Please let me know what the best way to change the font size here is.
thank you!
Hi
Please can you tell me how I adjust the boarders (top, left & right) and column gutter on this page https://theimplantcentre.com/home_july18, see this visual https://theimplantcentre.com/wp-content/uploads/2018/07/TIC_NewHome1.jpg
Plus I’m also trying to stylise the text on the blue panels more in line with this https://theimplantcentre.com/wp-content/uploads/2018/07/TIC_NewHome2.jpg
– Lato bold and larger for the headings
– Lato Light for the sub text
How do I control these?
Hi,
Thanks for that. Please try adding this CSS as well:
#top #header .av-main-nav>li>a {
font-family: Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size: 18px !important;
text-transform: uppercase;
}
Best regards,
Rikard
Hi,
I removed the css so we could work on a different solution and have the team look at it to advise, without trying to overcome the css I wrote.
I see you added it back though, it would be nice if you removed it.
Today I have a new solution for the image in the green section:
#top.page-id-1016 #av_section_3 .container {
padding: 0px !important;
}
#top.page-id-1016 .avia-builder-el-15 img {
height: 100%!important;
object-fit: cover;
}
#top.page-id-1016 .avia-builder-el-12 {
padding-top: 0px !important;
}
This fills the container with the image starting around 1300px when the image aspect allows, at higher screen sizes the image is 100% wide (it’s own width) and the height fills the container.
The image will be 100% high all the way down to the mobile brake point, when the image goes below the text.
The problem is that at tablet screen size the font of the white text is too big so it goes to the edge of the screen, and adding padding forces the container larger, which gives the green strip over the image.
This is why the other code needed the “white text” rule that you removed.
So please try this new code above, and see that the image is filling good now. If you want help making the text a little smaller for tablet so it doesn’t go to the edge, let us know.
Now for mobile screens, you will see that the image doesn’t go to the edge left & right, this is because of the section margin, and removing it will make the text also go to the edge of the screen, so to correct this we will need to add a rule for the white text, like before. If you would like help with this please let us know.
As for:
.entry-content p {
margin: 20px 0;
}
I removed it before with no issues, and I commented it out (made it useless) again now with no issues.
It only adds about 10px margin to the top of paragraphs. Perhaps you had a issue removing it because you also removed some of the rule before or after? I’m not sure why you would add it back after I removed it?
Best regards,
Mike
Hi,
I am trying the code below to modify posts, categories, tags. Adding is_archive() || is_tag()
However only in the post did it work. In categories or tags nothing is modified.
Any suggestion?
//Add fixed menu to (post ID 15255) All tags All Category
add_action( 'ava_after_main_menu', 'ava_after_main_container_mod', 10 );
function ava_after_main_container_mod() {
if( !is_single(array(15255)) || is_archive() || is_tag() ) return;
$output = '';
$output .= do_shortcode("
[av_section min_height='custom' min_height_px='100px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='bback' color='main_color' background='bg_color' custom_bg='#32a5d2' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-32zbqxs' custom_class='']
[av_textblock wrapper_element='' wrapper_element_attributes='' av_uid='av-2gpcv34' custom_class='']
[av_sidebar widget_area='HAMBURGUER' av_uid='av-bm8mys']
<div class='centrotitulo'>[page_title]</div>
[/av_textblock]
[/av_section]
[av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='ajuste-espaco' admin_preview_bg='' av_uid='av-1ofdwyo']
");
echo $output;
}
This reply has been marked as private.
i didnt do them…i thought it was thru enfold options..but i tried those changes….and they didnt work…
I do see some css changes in the enfold child dashboard…but honestly don’t know what to look for there…
I found thisin the quick css:
.header_color span {
font-size: 16px;
text-transform: uppercase;
}
#header_meta span {
font-size: 12px;
}
#imageblock .av-special-heading-tag {
text-transform: uppercase;
}
ul.shell-list {
margin-top: -18px;
}
-
This reply was modified 7 years, 9 months ago by
grivers99.
Hi, I have a problem and can not use the lightbox on own template pages and in the products.
I used the Shortcode:
do_shortcode("[av_image src='https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg' attachment='316' attachment_size='large' align='center' hover='' link='lightbox' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='animation' ][/av_image]");
or tried it with copying the code out of the html
<div class="avia-image-overlay-wrap"><a href="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" class="avia_image lightbox-added"><img class="avia_image " src="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" alt="2015 supermodell des jahres" title="" itemprop="thumbnailUrl"><span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 800px; width: 610px;"><span class="image-overlay-inside"></span></span></a></div>
In a standard page it is working:
” https://www.cmc-modell-autos.de/contact “
A plugin, “Menu Image” had a recent update. It messed up my main nav menu, so, I reverted to the older version..and now the menu is working properly, except I can’t get the font sizes back to their original settings!.
The nav bar should be LATO 18pt…and ALL CAPS
but it’s 12 or 14pt and Regular text.
Can anyone help me to get it working properly?
You can see it working properly on our spas.ohiopools.com site …..i don’t understand what else I can do to fix.
Gary
-
This topic was modified 7 years, 9 months ago by
grivers99.
Hey simstub,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){
body .av-special-heading .av-special-heading-tag {
font-size: 20px;
}
.avia-section-huge .content {
padding-top: 50px;
}
#full_slider_1,
#full_slider_1 .avia-slideshow-inner,
#full_slider_1 .avia-slideshow li,
#full_slider_1 .avia-slideshow li img {
min-height: 250px;
}
#full_slider_1 .avia-slideshow li img {
width: 140%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.avia-fullwidth-slider, .avia-fullwidth-slider .avia-slideshow,
.avia-fullwidth-slider .avia-slideshow-inner, .avia-fullwidth-slider .avia-slideshow-inner li {
min-height: 400px;
}
.avia-slideshow li img {
min-height: 400px;
height: 400px;
width: 120%;
max-width: 120%;
}
.avia_transform .av_slideshow_full .active-slide .avia-caption-title {
font-size: 24px !important;
}
}
@media only screen and (max-width: 767px) {
.avia_transform .av_slideshow_full .avia-caption-content,
.avia_transform .av_slideshow_full .avia-caption-title,
.avia_transform .av_fullscreen .avia-caption-content,
.avia_transform .av_fullscreen .avia-caption-title,
.avia_transform .av_fullscreen .avia-slideshow-button,
.avia_transform .av_slideshow_full .avia-slideshow-button {
visibility: visible;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
I have a 100% copy of doamin1 with max-size:850px and front-weight: bold on links
On the copy (domain 2) the pagesize is max-width: 1010px and font weight less bold. (I cabt find a way to force it to 850 wide and more bold on links)
Domain 2 is with the newest update, no. 1 with the 2 newest.
Can you tell mie whay I see these differenses?
How can I adjust font and picture sizes for the mobile version? The fit / balance isn’t right, right now.
Hello,
I hope you can answer me a question, something I realy do not understand. I hope I can explain it :))
For example:
on a page I create a row with a special headline and some text.
I style the headline (h3, color, spacing) and the text (font size, color…)
When everything looks good, I safe this as own template part – named “mytextcontent” (the menu on the right side, next to the menu where I can make a full size view of the editor). In german it is called “Vorlagen”
I use this template on several pages and it works.
After a few days I want to change for example the color of the headline of the template. It should be changed on all pages where I use the template “mytextcontent”.
But where can I change the template part “mytextcontent”
I can’t find it anywhere, but maybe I do not know where to search?
Thank you for answering and help.
Best regards
Barbara
This reply has been marked as private.
Hi, I have a problem and can not use the lightbox on own template pages and in the products.
I used the Shortcode:
<?php
echo do_shortcode("[av_image src='https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg' attachment='316' attachment_size='large' align='center' hover='' link='lightbox' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='animation' ][/av_image]");
?>
or tried it with copying the code out of the html
<div class="avia-image-overlay-wrap"><a href="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" class="avia_image lightbox-added"><img class="avia_image " src="https://www.cmc-modell-autos.de/wp-content/uploads/2018/07/2015-supermodell-des-jahres-m107.jpg" alt="2015 supermodell des jahres" title="" itemprop="thumbnailUrl"><span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 800px; width: 610px;"><span class="image-overlay-inside"></span></span></a></div>
But there is no results:
Hi,
Please try replacing the code Nikko sent with this:
.home #av-masonry-1 .pagination:before {
content: 'View More Hotels';
display: block;
float: left;
margin-right: 30px;
height: 35px;
line-height: 35px;
font-size: 20px;
font-family: 'Abril Fatface', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
Best regards,
Rikard
Hey DROR,
Thank you for using Enfold.
This css code should help.
#top div.container .av-masonry .av-masonry-sort {
font-size: 1.2em;
}
Best regards,
Ismael
Yes I want to change the color from white to dark gray for the font on the menu header and full screen size media layout element.
Hey fattlco,
Can you try to add this css code in Quick CSS (located in Enfold > General Styling):
#top.page-id-16 .av-inner-tab-title {
width: auto !important;
}
#top.page-id-16 .slide-content a.more-link {
margin: 10px 0 0;
padding: 8px 16px;
border-radius: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: normal;
font-size: 0.92em;
outline: none;
background-color: #971b30;
color: #ffffff;
border-color: #750910;
}
This should address both 1 and 2 :)
Best regards,
Nikko
Hi bakbek,
Can you remove the code I gave you and use this instead:
#top .av-tab-section-tab-title-container .av-active-tab-title span.av-inner-tab-title {
font-size: 18px;
font-weight: 700;
}
Best regards,
Nikko