-
Search Results
-
In reply to: Enfold – Different font-size for Mobile & Desktop
Good morning! I would like to make the size of the Hs and the overal text change on mobile.
In the general settings I have already set the default font size, but I would like them to become smaller on mobile.
THank you SilviaHello,
on the site: https://protom-education.com/vocabulary_dgs/individual vocabulary words can be clicked on to display them in a video as a gesture (Sign Language). Now the respective vocabulary should be displayed above the video (lightbox mode) as a title, so that the context of the video is established. The page is currently being built and there is currently a video as a placeholder for all vocabulary.
The video is integrated via this code: <span style=”font-size: 14pt; font-family: verdana, geneva, sans-serif;”>abgeschreckt sein</span>
Anybody there who knows how it works? Thanks : )
Hey Eleina_Shinn,
You have selected the font to be 35 pixels in the element options:
Font Size for medium sized screens (between 768px and 989px – eg: Tablet Landscape)
If you need to target other screen sizes, then please try adjusting your media query.
Best regards,
RikardHello,
I tried it before, I can not change the font size there. I don’t know why?
I made this video for you. Check it out: https://youtu.be/1LmTkEQQGns
Hi,
When you are using the Block Editor, you can select the font size in the sidebar, under Typography. Please try that out.
Best regards,
Rikard<p class=”p1″>[av_button label='Interactions' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' link='page,279' link_target='' size='medium' position='left' label_display='' title_attr='' color_options='color_options_advanced' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='custom' btn_custom_bg='#78909c' btn_color_bg_hover='custom' btn_custom_bg_hover='#455a64' btn_color_font='custom' btn_custom_font='#ffffff' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='' sc_version='1.0' admin_preview_bg='']
It works when I save, but if open the accordion element to edit, the short code disappears and is no longer there.
In reply to: Issues after upgrading to the last release 4.8
hi Victoria,
Applying the CSS code below, I don’t see any changes in the line spacing of the body text. Am I wrong?
.entry-content-wrapper li {
padding: 4px 0;
line-height: 28px;
font-size: 15px;
}i do not really know what you might think this plugin does. If it is only to insert a html entity that could not be seen – it is not neccessary.
you can insert   ; without that space ( between p and semicolon ) – and you will have a invisible heading there – where you can insert your logo either as pseudo-container background like here: https://webers-testseite.de/tesla/
you see that i did it a bit different – you can make this heading invisible by font color : transparent ( i let it at opacity 0.1)
or set the text-indent to a big value ( -2000px). the advantage would be a SEO one – because there is a heading f.e. Tesla Logo then.
i gave a custom class to the slider: tesla.tesla .slide-1 .avia-caption-title { color: rgba(255,255,255,0.1); } .tesla .slide-1 .avia-caption-title::before { content: ""; width: 100px; height: 100px; position: absolute; left: -60px; top: -60px; background-image: url(/wp-content/uploads/TESLA-logo.png); background-repeat: no-repeat; background-size: contain; }or – you replace the content directly with the image:
.tesla .slide-1 .avia-caption-title { content: url(/wp-content/uploads/TESLA-logo.png); }if this will work on all browsers – i don’t know
This above is only for slide-1 – if this should be for all slides – let that class out from the css codeHi:
I have been using the following code for a long time onother Enfold Websites to make the title text smaller on smaller desktop computers – 10 and 12″, but on this site it does not appear to be working and I’m not sure why:
/*FIX SLIDER ON SMALLER DESKTOPS*/
@media only screen and (max-width: 1024px) {
.responsive #top .slideshow_caption h2 {
font-size: 35px !important;
}}I’ve tried different versions, or other selectors, to no avail. Help?
I am facing a strange problem. I am building a website for renting apartments. I have created a custom post type “apartment”. I also use ACF to create custom fields for apartment features and address to be displayed on a Google map.
Following the instructions on ACF (https://www.advancedcustomfields.com/resources/google-map/) I succeeded to make a page with the map showing all the apartments. For this I created a shortcode containing the following php function which I added to a code block element
function locations_map (){ $apartment_query = new WP_QUERY('post_type=apartment&posts_per_page=-1'); if ( $apartment_query->have_posts() ) { ob_start(); ?> <div class="acf-map" style="overflow: hidden; position: relative;"> <?php while ( $apartment_query->have_posts() ) { $apartment_query->the_post(); $indirizzo = get_field('indirizzo'); $title = get_the_title(); $url = get_permalink(); $posti_letto = get_field('posti_letto'); $prezzo_minimo = get_field('prezzo_minimo'); $type_icon = 'http://localhost:8888/mario/wp-content/themes/yaiv/images/marker-home.png'; ?> <div class="marker" data-lat="<?php echo $indirizzo['lat']; ?>" data-lng="<?php echo $indirizzo['lng']; ?>" data-img ="<?php echo $type_icon; ?>"> <div class="inside-marker"> <h4><a href="<?php echo $url; ?>"><?php echo $title; ?></a></h4> <?php echo '<span style="font-size:18px;">People ' . $posti_letto.'</span><br>'; echo 'from '. $prezzo_minimo . '/night'; ?> </div> </div> <?php } ?> </div> <?php wp_reset_postdata(); } return ob_get_clean(); } add_shortcode( 'locations_map', 'locations_map' );The result, which is working fine, is as from the picture below
In frontend I wanted, for each apartment post (where descriptions and features are showed), a map displayed with the location of that single apartment. I hence prepared a second shortcode with the folowing php function
function single_map (){ $indirizzo = get_field('indirizzo'); $type_icon = 'http://localhost:8888/mario/wp-content/themes/yaiv/images/marker-home.png'; echo '<div class="acf-map" style="overflow: hidden; position: relative;">'; if( $indirizzo ): ?> <div class="marker" data-lat="<?php echo esc_attr($indirizzo['lat']); ?>" data-lng="<?php echo esc_attr($indirizzo['lng']); ?>" ></div> <?php endif; echo '</div>'; } add_shortcode( 'single_map', 'single_map' );However the problem is that when I add to the codeblock element the new [single_map], in frontend there is the proper map showed at the beginning of the .main container (with the marker working well), and a second map (with no marker and no correct center) in the codeblock, like the picture attached.
I did some trials and saw that also simple text shortcodes behave in the same way when added to the custom post type.
I also tried to deregister all Enfold native google map api scripts, but I had no results. Unfortunately the web site is still on my local machine, so I cannot give you access right now. Do you have any idea how to solve it?
In reply to: Issues after upgrading to the last release 4.8
Hi sandreucci,
You can try to use this code instead:
.entry-content-wrapper li { padding: 4px 0; line-height: 28px; font-size: 15px; }If you need further assistance please let us know.
Best regards,
VictoriaHi karel,
Please go to Enfold > Advanced Styling > (Select an element to customize) select Main Menu Links then click Edit Element button.
It should open up an option box below for Main Menu Links, change the font size.
Hope this helps.Best regards,
NikkoHey,
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
.avia-menu-text .counter { content: "1"; font-size: 9px; color: #FFF; background: #42A0BD; line-height: 17px; width: 17px; display: inline-block; text-align: center; border-radius: 100px; position: relative; top: -9px; left: 2px; }I think it would look better if you remove “/” from the counter :)
Best regards,
YigitHello,
I build my website with the advanced page builder editor of enfold and now I am switching to the block editor Gutenberg. The problem here is the block editor has a bigger font size than the advanced editor. If I change the font size in enfold setting both font sizes are changing. I think there is a 2 – 5 PX difference. All sites created with the advanced layout builder have smaller font sizes.
How to fix this?
In reply to: change color caption title on slider
Hi,
I’m sorry for the very late reply. Please try this CSS as well:
@media only screen and (max-width: 767px) { .avia-caption { bottom: 0; left: 0; } .avia-caption-content p { font-size: 12px !important; line-height: 12px; } }Best regards,
RikardHello, Thank you
Can you tell me where i can change the font-size of the top menu = (Avia-menu-text) ?
In reply to: na.woocommerce-pagination
Hi Presumebox,
I agree, however the change can’t be done in Enfold but in Woocommerce plugin, fortunately they have a hook which we can use.
I have modified it on your site.function myshop_archive_description() { echo '<!– wp:separator {"color":"col_#ffffff","className":"is-style-wide"} –>'; echo '<hr class="wp-block-separator has-text-color has-background has-col-ffffff-background-color has-col-ffffff-color is-style-wide"/>'; echo '<!– /wp:separator –>'; echo '<!– wp:heading {"textAlign":"center","level":4,"fontSize":"fs24px"} –>'; echo '<h4 class="has-text-align-center has-fs-24-px-font-size"><span style="text-decoration: underline;">FILTRO DE PRODUCTOS</span></h4>'; echo '<!– /wp:heading –>'; echo '<!– wp:paragraph {"align":"center","fontSize":"fs18px"} –>'; echo '<p class="has-text-align-center has-fs-18-px-font-size">A continuación dispone de un filtro para encontrar el Queso que mas se ajuste a sus preferencias.</p>'; echo '<!– /wp:paragraph –>'; echo '<!– wp:separator {"color":"col_#f8f8f8","className":"is-style-wide"} –>'; echo '<hr class="wp-block-separator has-text-color has-background has-col-f-8-f-8-f-8-background-color has-col-f-8-f-8-f-8-color is-style-wide"/>'; echo '<!– /wp:separator –>'; echo '<!– wp:columns {"textColor":"col_#719430","style":{"color":{"gradient":"radial-gradient(rgb(255,255,255) 76%,rgb(211,224,234) 100%)"}}} –>'; echo '<div class="wp-block-columns has-col-719430-color has-text-color has-background" style="background:radial-gradient(rgb(255,255,255) 76%,rgb(211,224,234) 100%)"><!– wp:column –>'; echo '<div class="wp-block-column"><!– wp:shortcode –>'; echo do_shortcode("[av_sidebar widget_area='Displayed Everywhere' av_uid='av-4eq8ao']"); echo '<!– /wp:shortcode –></div>'; echo '<!– /wp:column –>'; echo '<!– wp:column –>'; echo '<div class="wp-block-column"><!– wp:shortcode –>'; echo do_shortcode("[av_sidebar widget_area='Shop Overview Page' av_uid='av-b6dg0']"); echo '<!– /wp:shortcode –></div>'; echo '<!– /wp:column –>'; echo '<!– wp:column –>'; echo '<div class="wp-block-column"><!– wp:shortcode –>'; echo do_shortcode("[av_sidebar widget_area='BUSCAR PRODUCTO' av_uid='av-3ldrw0']"); echo '<!– /wp:shortcode –></div>'; echo '<!– /wp:column –></div>'; echo '<!– /wp:columns –>'; echo '<!– wp:separator {"color":"col_#f8f8f8","className":"is-style-wide"} –>'; echo '<hr class="wp-block-separator has-text-color has-background has-col-f-8-f-8-f-8-background-color has-col-f-8-f-8-f-8-color is-style-wide"/>'; echo '<!– /wp:separator –>'; echo '<!– wp:heading {"textAlign":"center","textColor":"col_#000000"} –>'; echo '<h2 class="has-text-align-center has-col-000000-color has-text-color"><span style="color:#52a4c7" class="has-inline-color"><span style="text-decoration: underline;">LA DESPENSA DE QUESOS CAMPOREAL</span></span><span class="has-inline-color has-col-719430-color"> </span></h2>'; echo '<!– /wp:heading –>'; echo '<!– wp:heading {"textAlign":"center","textColor":"col_#000000"} –>'; echo '<h2 class="has-text-align-center has-col-000000-color has-text-color"><span style="text-decoration: underline;"><span class="has-inline-color has-col-000000-color">Catálogo de Quesos</span></span></h2>'; echo '<!– /wp:heading –>'; echo '<!– wp:shortcode –>'; echo do_shortcode("[av_sidebar widget_area='MENU LATERAL' av_uid='av-1vwc8w']"); echo '<!– /wp:shortcode –>'; echo '<!– wp:separator {"color":"col_#f8f8f8","className":"is-style-wide"} –>'; echo '<hr class="wp-block-separator has-text-color has-background has-col-f-8-f-8-f-8-background-color has-col-f-8-f-8-f-8-color is-style-wide"/>'; echo '<!– /wp:separator –>'; } add_action('woocommerce_archive_description', 'myshop_archive_description');Please review your site.
Best regards,
NikkoIn reply to: Font Awesome Pro import issue
Hi Nikko,
we’ve already increased the php values to upload the font. The problem ist that we can’t import/install it via icon font manager.
Post Max Size is at 512 MB
Upload Max Filesize is at 200 MBLink to font zip is in priavte content.
Regards,
SebastianIn reply to: Tabs on mobile devices
Hey Rikard,
first of all, please excuse my poor explanation.
I use tabs on my website (please see link below) and have already tried to adapt them to my website (changed font sizes, changed spacing and margins, removed borders etc.). This also worked well for viewing on large screens.
However, it looks a little different on small screens (please see screenshots): here you can still see borders and the tab titles are much smaller.
Also the title of the active tab disappears completely.
I think I made a mistake somewhere.Please let me know how to fix it.
Thankis in advance.
Best regards
fkmIn reply to: Images and Text NOT Resizing for Responsive Design
for text you can use a min max combination for font-size :
f.e.:
font-size: min(max(28px,2.4vw),42px) !important;see here: https://css-tricks.com/how-do-you-do-max-font-size-in-css/
and
https://css-tricks.com/snippets/css/fluid-typography/In reply to: Accordion Custom Styling Not Working
Yes, naturally, I also tried viewing it in another browser. The thing is that the font-weight reacts, but not the size of the title
In reply to: Accordion Custom Styling Not Working
Thanks Ricard. The font weight is working, but the size does not change
Also, can I apply tags like <H4>?In reply to: Enfold default font
In reply to: Issues after upgrading to the last release 4.8
Hi,
Please add following code to Quick CSS and adjust the values as needed
.entry-content-wrapper li { padding: 4px 0; font-size: 15px; }Best regards,
YigitHi,
we’re trying to install Font Awesome Pro but unfortunately the import results in a 500 error.
Maybe it’s the size of the file but we can’t fugure out what’s the problem.
All other icon fonts also the free version of font awesome we were able to import.
Maybe you have experienced this issue in the past?
Hope you can help us out with this.
Regards,
SebastianIn reply to: Pagination options for Portfolio Grid
Hi Richard,
Please try the following in Quick CSS under Enfold->General Styling:
nav.pagination { display: table; margin: 0 auto; } #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a { height: 45px; width: 45px; line-height: 45px; font-size: 16px; }Best regards,
RikardIn reply to: How To Remove Padding from Iframe
Hey Gute,
Sorry for the very late reply please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.page-id-14320 .post-entry-14320 p { font-size: 0 !important; line-height: 0 !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeIn reply to: Different font – full-width slider element
Hi,
I adjusted the shortcode based on the Enfold Knowledgebase demo example:[avia_sc_search placeholder='How can we help you today?' label_text='SEARCH SITE' icon_display='input' icon='ue803' font='entypo-fontello' post_types='' display='ajax' ajax_location='form_absolute' ajax_container='#my_container' numberposts='5' results_hide_titles='aviaTBresults_hide_titles' results_hide_meta='aviaTBresults_hide_meta' custom_input_size='' custom_button_size='' custom_height='68' radius='100px' radius_sync='true' border_width='12' results_padding='50px' results_padding_sync='true' results_margin='20px,0,0,0' border_color='custom' custom_border_color='rgba(255,255,255,0.64)' input_bg='custom' custom_input_bg='rgba(255,255,255,0.64)' button_bg='custom' custom_button_bg='#1ddab8' results_bg='custom' custom_results_bg='#ffffff' input_color='' custom_input_color='#1ddab8' button_color='' custom_button_color='' results_color='' custom_results_color='' av_uid='av-3jk7' custom_class='' admin_preview_bg='']I’m posting this shortcode here for future reference, should someone wish to adjust it further.
To have a default look for the Ajax search, depending on any base demo that you might be using, with an ajax popup:[avia_sc_search placeholder='Search...' label_text='' icon_display='button' icon='ue803' font='entypo-fontello' post_types='' display='ajax' ajax_location='form_absolute' ajax_container='#my_container' numberposts='5' results_hide_titles='aviaTBresults_hide_titles' results_hide_meta='aviaTBresults_hide_meta' border_width='1' radius='0px' radius_sync='true' results_padding='50px' results_padding_sync='true' results_margin='20px,0,0,0' results_bg='custom' custom_results_bg='#ffffff' results_color='' custom_results_color='' av_uid='av-2aeoak']
To have a default look for the Ajax search without an ajax popup:[avia_sc_search placeholder='Search...' label_text='' icon_display='button' icon='ue803' font='entypo-fontello' post_types='' numberposts='5' results_hide_titles='aviaTBresults_hide_titles' results_hide_meta='aviaTBresults_hide_meta' border_width='1' radius='0px' radius_sync='true' results_padding='50px' results_padding_sync='true' results_margin='20px,0,0,0' results_bg='custom' custom_results_bg='#ffffff' results_color='' custom_results_color='' av_uid='av-25fx3w']
Or this seems to be the minimum shortcode for a default Ajax search without an ajax popup:[avia_sc_search placeholder='Search...' label_text='' icon_display='button' icon='ue803' font='entypo-fontello' numberposts='5' radius='0px' radius_sync='true' av_uid='av-38vvxo']
If you wish, you can compare the above shortcodes and adjust the attributes to suit.Best regards,
MikeIn reply to: Accordion Custom Styling Not Working
