-
Search Results
-
Topic: Change font in text box
For some reason, the Icon Box in the Avia Builder in Enfold.no longer works on my site
I replaced the Icon Box with a text box, but the font size is too big.
How can I change the font size to 11 point?
I access my site, please see below. The text box in question is on the DEFAULT page in the text box entitle REFERENCE DESK.
Thanks,
kfranckTopic: Buttons gone..
Since the update (of both Enfold & WordPress) the buttons have disappeared..
Sample code..
[av_button label='Learn More' icon_select='no' icon='ue800' font='entypo-fontello' size='small' position='center' label_display='' title_attr='' color='dark' custom_bg='#444444' custom_font='#ffffff' link='page,9886' link_target='' id='' custom_class='' av_uid='av-1izt17f' admin_preview_bg='']
Also we are having the same problem as everyone else with the icons.
Best Regards..
Hi,
Please try this instead:h2.avia-caption-title.playfairdisplay-bolditalic-mobile { font-family: 'playfairdisplay-bolditalic' !important; font-size: 60px; font-weight: 700; font-style: italic; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi.
After the latest WordPress/Enfold update, the Widget Area I had created to display in the Footer Area is now no longer working.
I had the following shortcode in a custom html widget:[av_icon_box icon='ue82b' font='entypo-fontello' title='Areas Serviced' position='top' icon_style='' boxed='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_title_size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' av_uid='' admin_preview_bg='']
Albany Creek 4305, Banksia Beach 4507, Beachmere 4510, Beerburrum 4517, Bellmere 4510, Bongaree 4507, Bracken Ridge 4017, Bray Park 4500, Bribie Island 4507, Burpengary 4505, Caboolture 4510, Caboolture South 4510, Cashmere 4500, Dakabin 4503, Deception Bay 4508, Donnybrook 4510, Elimbah 4516, Kallangur 4503, Kurwongbah 4503, Lawnton 4501, Mango Hill 4509, Meldale 4510, Moorina 4506, Morayfield 4506, Narangba 4504, Ningi 4511, North Harbour 4505, North Lakes 4509, Petrie 4502, Redcliffe 4020, Rothwell 4022, Sandgate 4017, Sandstone Point 4511, Scarborough 4020, Strathpine 4500, Toorbul 4510, Upper Caboolture 4510, Wamuran 4512, Warner 4500, Woorim 4507.
Other areas may be possible on request.
[/av_icon_box]Now all I see is the Icon Box with the text “Click to add your own text here”.
In reply to: woocommerce My Account h2 Font size
Hi Jürgen,
Thanks for that. I can see 3 h2 element on that page. Please try this CSS to change the size of them:
.page-id-19 h2.woocommerce-order-details__title, .page-id-19 h2.woocommerce-column__title { font-size: 18px !important; }Best regards,
RikardRecently I used the code from this thread https://kriesi.at/support/topic/centered-logo-shopping-cart-in-menu/ to put the shopping cart in the menu. The cart adds but the social media icons are not displaying in the right menu once I add this code. The social icons instead go to the left of the logo but I have already added a left header widget there so it just overlaps. I noticed several people are having issues with the shopping cart and the center logo with the menu underneath. Any help would be great on how to troubleshoot this!
Here is the code i added to the child theme.
<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/// Header Widget
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}function cart_in_nav(){
?>
<script>
(function($){
$(document).ready(function(){
var width = $(window).width(), height = $(window).height();
if ((width >= 768)) {
$( “#menu-item-shop” ).appendTo( “#avia-menu.av-main-nav” );
};
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘cart_in_nav’);and here is my css
/* cart_in_nav */
@media only screen and (min-width: 767px) {
#top #header_main ul#avia-menu ul#menu-item-shop,#top #header_main ul#avia-menu ul#menu-item-shop a.cart_dropdown_link {
display: block !important;
height: 50px !important;
line-height: 50px !important;
padding: 1px 10px !important;
border: none !important;
box-shadow: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop ul.woocommerce-mini-cart.cart_list.product_list_widget {
width: 100% !important;
height: 100% !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart-item.mini_cart_item a {
border: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart__buttons.buttons a {
border: none !important;
}
}
/* end cart_in_nav */.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
@media screen and (max-width: 900px) {
#header .widget { display: none !important; }
}#header .widget {
left: 50px;
right: auto;
padding-top: 70px;
position: absolute;
top: 0;
transform: translate(-0%);
z-index: 999999;
}#top .inner_product,
#top .inner_product .inner_product_header {
border: none;
}#top .inner_product .inner_product_header .avia-arrow {
display: none;
}Sorry, one more thing. I am using the fullwidth slider for some mobile sections and it doesn’t seem I am getting the CSS right.
Here is what I tried:
.playfairdisplay-bolditalic-mobile .avia-fullwidth-slider .avia-caption-title { font-family: 'playfairdisplay-bolditalic' !important; font-size: 60px; font-weight: 700; font-style: italic; }Hello
I’m using an easy slider and actually want to make all the dots really small – I’ve looked at other posts and tried width: 9px, height: 9px but it didn’t work. Here’s what I have at the moment (below). They don’t seem to get really small, eg, 4 or 5 px round. Thanks :)
/* Easy slider navigation dots ******************/ #top .avia-slideshow-dots a { border-style: none !important; font-size: 6px !important; /* not working */ height: 9px !important; /* not working */ width: 9px !important; /* not working */ border-radius: 50% !important; border: 0px solid blue !important; margin: 0 5px !important; } /* Easyslider navigation active dots */ #top .avia-slideshow-dots a.active { /*Your style here */ font-size: 6px!important; /* not working */ } #top .avia-slideshow-dots a.goto-slide.active { border-style: none !important; border-radius: 50% !important; border: 3px solid #7e7e7e !important; background: #fff !important; opacity: 100% !important; } #top .avia-slideshow-dots a.goto-slide { background: #000 !important; opacity: 65% !important; } #top .avia-slideshow-dots.avia-slideshow-controls a { vertical-align: middle!important; /* default baseline - use if you want larger active dot */ }In reply to: SVG LOGO
if your settings in Enfold Options on layout dimensions do not work correct – there could be a synthax error in your quick css.
These settings including custom.css are placed on the bottom of all other css:.container { width:100% } .container .av-content-small.units { width:75% } .responsive .boxed#top , .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { width:1310px; max-width:90% } .responsive .container { max-width:1310px } #top #header .av-main-nav > li > a { font-size:13px; font-weight:normal } @media only screen and (min-width:768px) { } @media only screen and (max-width:767px) { }so if you got f.e. a missing closing bracket or instead of a semicolon you set a comma – sometimes all the rest of the following css will not work.
you can post your quick css content here (but please use the code tag) so we can see if my guess is relevant
Hi,
Thank you for your patience and the link to your page, I tried to recreate this situation on my test site and compared it to your site and I found that on both in Safari the .ttf fonts didn’t seem to render. Even thogh we had downloaded the font from Google Fonts and uploaded to the custom font manager the font was still being served by the google cdn as a cached .woff, incorrectly.
The .ttf was not found on Safari at all.
So I was able to work around this by extracting the PlayfairDisplay-BoldItalic font and uploading to the custom font manager by itself in it’s own zip file, please remove your font and try this, I linked to the one I used below.
Then in the h4 special heading element that I tested with I added the custom classplayfairdisplay-bolditalic
Then I added this css in the General Styling > Quick CSS field:.playfairdisplay-bolditalic h4.av-special-heading-tag { font-family: 'playfairdisplay-bolditalic' !important; font-size: 60px; font-weight: 700; font-style: italic; }I recommend this method over using the Theme option for Advanced Styling because it doesn’t offer the font-style option to choose italic, and in my test on a Mac with Safari the italic must be declared even though the specific font is italic, on Windows with Chrome the font renders correctly.
Please give this a try.Best regards,
MikeIn reply to: Contact form Submit button with reCaptcha v3
Hi,
Thank you for your patience and the link to your pages, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:input.av-recaptcha-submit, input.av-recaptcha-submit-real { background-color: #fff !important; color: #5690e8 !important; font-weight: normal !important; padding: 7px 30px 7px !important; font-size: 16px !important; border-bottom: solid 2px #ebebeb !important; border-right: solid 2px #ebebeb !important; border-left: solid 2px #ebebeb !important; border-top: solid 2px #ebebeb !important; border-radius: 50px !important; } input.av-recaptcha-submit:hover, input.av-recaptcha-submit-real:hover { transition: all .2s ease-in-out !important; background-color: #f499c0 !important; color: #fff !important; font-weight: normal !important; padding: 7px 30px 7px !important; font-size: 16px !important; border-bottom: solid 2px #f499c0 !important; border-right: solid 2px #f499c0 !important; border-left: solid 2px #f499c0 !important; border-top: solid 2px #f499c0 !important; border-radius: 50px !important; opacity: 1; }To add a screenshot please try using an image hosting service and pasting the image URL in your post.
Best regards,
MikeIn reply to: Enfold Showcase
@kommo
Thanks. Quite a bit went in to this one from an optimisation perspective for looks and speed.The above the fold section is an ALB color section with background image. I have set a minimum height depending on the image requirements for each screen size (Either 350px or 600px). I then applied a custom class and custom ID to each to set the height depending on the screen size. This removes issued with CLS in Google Web Vitals because the sizes are explicitly stated early.
If you view source in Google Chrome you can see the code added as critical CSS into the header. I used wp_head to add code directly into the header from functions.php.Most of the mods come from a performance perspective:
The logo and srcset images are pre-loaded so the logo is available as early as possible.
Self hosting fonts and Adding font preload manually from functions.php just like the other critical CSS. This prevents Font Swap (Flicker) from occuring as the fonts are available right away.To improve LCP and FCP scores you can either pre-load the background color section image in the same way as the fonts so it is available right away or add critical css in the way that I have – serving a different image size per screen size.
I use critical CSS on Burden Basket because of the minimum height applied to the ALB colour section.
To ensure the images look right on all screen sizes I have used media queries to load a different banner image per screen size on every page.
I have enfold setup to have mobile break points at 989px instead of 767px. I do this in the Enfold control panel and every column element on every page .
As the page scales down (if you resize the browser window) I have used media queries to change the menu font size and padding so that it works on screens all the way down to 989px. You can adjust the mobile breakpoint if required to lets say 1024px (for ipads) with some custom CSS. If you search the forum you’ll find this one.
Although most sites read Left to Right from a mobile design perspective – Put the first image on the left – This will mean users see picture content first in the same way people are familliar with on social media. Its good UX design to do it this way but looks a little unusual on desktops. You could always set two images and hide the first one on desktops if you prefer them the other way around on different platforms.
I hope this helps.
In reply to: font size
Hi Szymon,
Thanks for the update. Please try this CSS instead:
.single-product .wc-pao-addon-heading, .single-product .wc-pao-addon-name { font-size: 18px; }Best regards,
RikardIn reply to: Submenue in content area
Hello again,
in the meantime that has been done with the full width menu: I made my own menu.
But I still need help with the link color.
In the Quick CSS I stated:
.p-navi {
font-size: 0.9em;
color: # ad9f8f;
}.p-navi-active {
font-size: 0.9em;
color: # 978672;
}.p-navi> a: link {
font-size: 0.9em;
color: # ad9f8f;
}# top.main-color> div.submenue-ib> span.p-navi> a: link, a: hover {
font-size: 0.9em;
color: # ad9f8f;
}Where I have inserted a hashtag as a link, my color assignment works, but under “Küche” I have linked a category and my formatting is overwritten by the orange of the actual link color of the website.
But I wont like to have the orange links here. With “a: hover” that would be OK, but “a: link” should be “# ad9f8f;” implicit.
How could I manage it?Greetings,
KnutnikIn reply to: font size
Hi Rikard
Thank you, it worked on some of the headings
if you look here for exampleholding number and herd number headings now are with reduced font size but universal applicator not
in this product, all are ok except the first heading, “Type”
https://caisley-tags.co.uk/product/flexoplus-dd-barcode-print-replacement/Any idea on how to change these?
Thank you
SzymonIn reply to: font size
Hi,
Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:
.single-product .wc-pao-addon-heading { font-size: 18px; }Best regards,
RikardHey,
On my website http://www.forestmountain.nl I use submenus under the main menu. In this example, the Foto’s submenu under the Fotografie menu.
I am unable to make the Foto’s submenu button smaller, have the same font size and colour as the main menu.
I would also like to remove the line below the submenu text. This line becomes visible when you hover the mouse over the text Foto’s.
Hopefully you can help me further.
Hans
Hi
I am looking at using a Masonry gallery on the page linked below.
Is it possible to change the size of the boxes?
I would also possibly want to edit the font size.
Thanks for your help
Stephen
EDIT: I found the option to set the number of columns in the gallery, which has solved this problem. Also fixed the font size with css.
In reply to: font size
Hello,
I would like to only adjust the headline size on a certain page, as far as I know it is the h2. It is a page automatically generated by woocommerce under: My Account / Orders / Order Details. How can I adjust the font size for this page only, or can you give me a CSS code?
Thank you very much
Greetings JürgenIn reply to: LCP issue caused by fade-in on first element
THP thanks for the suggestion.
If the text is the LCP element try serving your fonts locally and adding preload to the header file (you can do this from functions.php). This will help prevent CLS shift and improve LCP and FCP scores in most cases. If you download the fonts you can use cloud convert to convert a .ttf font to a .woff2 which is much smaller.
I think one of the issues is that when CSS is merged into one file, the page layout is unavailable until this loads – Meaning that any calculated image sizes like the logo with Srcset wont render until the browser gets the size info from the CSS file. The only way around this is to generate critical CSS.
I have tried Jetpack Boost to add critical CSS (new plugin from the official WordPress team). This should fix the problem but I need to experiment more with it yet. Ironically I also tried inlining all of the CSS so there were NO CSS FILES and this actually reduced LCP to a pass score of under 2.5 seconds! But not best practice given the 100kb of CSS in the theme! The TTI score got a lot worse!
Try using Jetpack Boost if you are not already using a plugin that generates critical CSS.
Regarding Doodles Of Art – When you open Chrome it will always load in desktop mode. Even when using dev tools. So it will already have the larger image saved in cache when using dev tools to change screen sizes. If you run Lighthouse in mobile mode – It does render a smaller logo image.
Will wait to see if team Kriesi have any advice on the LCP issue – specifically regarding the logo as the LCP.
Hi there,
I have put a text overlay H1 on an image of my hero slider.
I wanted to style and place it with css.
I have put the CSS in the style.css of my child theme:h1.avia-caption-title {
font-size:1.2em;
margin-top: 20%;
color:#fff;
}h1.herotext {
font-size:1.2em;
margin-top: 20%;
color:#fff;
}Both didn’t work.
What am I doing wrong?Best regards,
KnutnikIn reply to: font size
Topic: Image Description missing
Hi,
why is there no image description under an added image??
https://hochzeitsfotograf-im-harz.eu/temporaer/no-description.jpg
How to bring the description UNDER the image – NOT overlay?
How to set “Fade out by mouse over” for the overlay? (That this option is not there makes the whole feature “Image” absolutely useless)(Yes, the image has all metadata.
No, i dont give you access – you got all information you need.)TT
Code:
[av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' margin='' custom_margin='0px' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' scroll_down='' custom_arrow_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-7t21max' sc_version='1.0'] [av_heading heading='Überschrift' tag='h2' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kr22njht' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-70xsfl5' sc_version='1.0'] [av_image src='https://hochzeitsfotograf-im-harz.eu/wp-content/uploads/2016/06/grosse-hochzeitsreportage-36.jpg' attachment='971' attachment_size='full' copyright='' caption='' styling='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' hover='av-hover-grow' appearance='' link='lightbox' target='' title_attr='' alt_attr='' lazy_loading='enabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-6j99wqx' sc_version='1.0' admin_preview_bg=''] [/av_image] [/av_one_third][av_two_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-6149og9' sc_version='1.0'] [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-kr20wrz8' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. [/av_textblock] [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-3x0jpz' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. [/av_textblock] [/av_two_third][av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-35w1ef' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. [/av_textblock] [/av_section]Topic: font size
Hello
How do I change font size on the product page heading of the addons?
https://caisley-tags.co.uk/product/combo-11-dna-large-flag-tissue-sampling-with-large-flag-management-space/
for example Herd number, Holding number, etc as in the link above?
Thank you in advance for any tipsSzymon
In reply to: Contact form mobile view
Hey Diana,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) { input#avia_2_1 { border-width: 1px !important; font-size: 12px !important; } }Best regards,
RikardTopic: Contact form mobile view
Dear support team,
For the following website I use a contact form, the layout of which I have adapted via css (line width, font size). Everything appears correctly and as intended on the screen and also on the tablet: see: http://craft17.eu/test/#kontaktThe following view only appears on the contact form in the mobile view on the cell phone: http://craft17.eu/support/mobile_kontaktform.jpg
Here the field with the email is still displayed with a border width of 2px, and the font size of 12px is not adapted for this one field. Could you please help me out here? I would like the email field to be displayed on the mobile phone with only a broder-width of 1px and the font to be displayed in 12px as in all other fields.Thank you for your editing.
Kind regards, DianaIn reply to: Contact form Submit button with reCaptcha v3
Hi Alexander,
Please try the following in Quick CSS under Enfold->General Styling:
input.av-recaptcha-submit { border-radius: 30px; background: white; color: blue; font-size: 18px; border: 2px solid #ddd; width: 220px; } input.av-recaptcha-submit:hover { background: pink; color: white; }Best regards,
RikardIn reply to: Mobile device display order
I assume this is what you are looking for (I X’d out the telephone numbers to retain privacy of member information):
[av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='' 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='' 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='' custom_class='av-custom-column-order' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-kqioerxg' sc_version='1.0']
[av_one_half first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='0px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-by9gfc' sc_version='1.0']
[av_image src='https://mountolive.com/wp-content/uploads/2021/06/Prayer-Request-Image-Scaled-300x240.jpg' attachment='6096' attachment_size='medium' copyright='' caption='' styling='' align='left' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' hover='' appearance='' link='' target='' title_attr='' alt_attr='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-kpj8b6p6' sc_version='1.0' admin_preview_bg=''][/av_image]
[/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-b8sj60' sc_version='1.0']
[av_image src='https://mountolive.com/wp-content/uploads/2021/06/Christ-the-Lamb-300x240.jpg' attachment='6099' attachment_size='medium' copyright='' caption='' styling='' align='left' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' hover='' appearance='' link='' target='' title_attr='' alt_attr='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-kpj90fig' sc_version='1.0' admin_preview_bg=''][/av_image]
[/av_one_half][av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-2do6x4' sc_version='1.0']
[av_hr class='default' icon_select='yes' icon='ue808' position='center' shadow='no-shadow' height='50' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-abb43s' sc_version='1.0']
[/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-4h3du0' sc_version='1.0']
[av_hr class='default' icon_select='yes' icon='ue808' position='center' shadow='no-shadow' height='50' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-8vzjrc' sc_version='1.0']
[/av_one_half][av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-3j0qvs' sc_version='1.0']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-kpges3fg' sc_version='1.0' admin_preview_bg='']
<h2>Current Prayer Requests</h2>- <div>6/30/21 Please pray for Janet Iverson’s brother, Steven Van Dyke. He is at Mayo and will have open heart surgery tomorrow, Thursday July 1. He is in his 60’s Prayers for Steven and his mom, Janet.</div>
-
<div></div>
<div>7/5/21 Also, prayers for Elfrieda Kahler’s family. Elfrieda passed away Saturday morning. Prayers for her family and Pastor’s sermon at her funeral that every person will know and trust in Jesus as their Savior.</div> - 7/5/21 Please pray also for Ruth Terry’s family. Ruth’s mom passed away Sunday. Pastor will also have her funeral this week. Please pray for pastor and his family. Also that every person in Ruth’s family will be moved by the Holy Spirit and know Jesus as Savior and Lord.
- 7/7/21 Please pray for Adell Coombs’s son Isaac Webb. Isaac hurt his ankle at basketball camp Monday night and damaged his growth plate. Please pray for healing and that he can get something out of basketball camp even though he can’t do all the the activities.
[/av_textblock]
[/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-3wnsco' sc_version='1.0']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-kpget2y8' sc_version='1.0' admin_preview_bg='']
<h2>Answered Prayers</h2>
[/av_textblock][/av_one_half][av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-7gec6w' sc_version='1.0']
[av_hr class='default' icon_select='yes' icon='ue808' position='center' shadow='no-shadow' height='50' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' av_uid='av-2q6q20' sc_version='1.0']
[/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-47uy8o' sc_version='1.0']
[/av_one_half][av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-56odp4' sc_version='1.0']
[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-4ka1x4' sc_version='1.0' admin_preview_bg='']
<h3 style=”text-align: left;”>If you have an issue you wish to submit to the Prayer Request page, please contact Arlene De Boer at XXX-XXX-XXXX or Sharon McDunn at XXX-XXX-XXXX</h3>
[/av_textblock][/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' template_class='' aria_label='' av_uid='av-9bs0o' sc_version='1.0']
[/av_one_half][/av_section]
Hey Guys,
i would like to have some Words in my Caption with a different Background Color and font color.
Like the Picture Below
i tried it with the following code in the special header caption:
<p>LOGO <span style=”background-color: e6e60c;”><span style=”color: #000000″> DESIGN </span></span> Luxembourg</p>
When i see the preview, it looks right.
But when i save it and check the Page it disappeares.On the picture, i just highlightet the word with the mouse, so you can get an idea of what i am talking about :)
Hope you can understand what i want :)
Maybe there is also a possibility to adjust the size of the background color highlight.
Thank you very much in advance
