-
Search Results
-
Hey JennyGr,
We will need to login to your site to examine your H1 font sizes, there are a couple of places to change this.
You could view the Advised > Styling , if you have multiple H1 styles there the bottom one will take preference, removing all may help. If you have custom css, search for all H1 css code and remove it. These are good starting points. For your /visit-us/openday/ page what font size do you want the H1 “Open Days” to be? Is this an example that you ment?Best regards,
MikeHi I made some adjustments to font styling which I am struggling to amend:
I seem to remember making changes, not only in the Theme styling options, but also in custom CSS, but now would like to revert those changes in the custom CSS so I can more easily make any changes in the main Theme styling options.
The changes I am wanting to adjust were to do with heading sizes. I made the main H1 heading very large (too large really)
I think I also made some changes to relative size of fonts which made things like my button text and sidebar navigation terxt too small. But can’t remeber where I made this change. I had to add some custom css to get the sidebar navigation to show larger.
I”d like to roll back the changes I made so I can simply edit font size in the Theme styling options
In reply to: Grey line at the bottom of an image [solved]
see my edit above – posting the same time
try:
#top picture.avia_image { display: flex !important; }and maybe you like to have more contrast on hovering the images:
#top a.avia_image .av-image-caption-overlay-center { position: absolute; top: 50%; transform: translateY(-50%); display: grid; margin: 5px 25px; font-size: 1.2em } #top a.avia_image:hover .av-image-caption-overlay-center { color: #940000; background-color: rgba(255,255,255,0.6); backdrop-filter: blur(4px); } #top .av-image-caption-overlay-center p { margin: 10px 0 !important; }In reply to: Using CSS in header Central without Logo
the filter avf_logo_subtext is nice to have both Logo Image and Text
try instead:
function use_text_logo_only($logo){ $link = apply_filters( 'avf_logo_link', home_url( '/' ) ); $logo_tag = "h1"; $logo_heading = "Wayne Anderson"; $alt = get_bloginfo( 'name' ); $title = get_bloginfo( 'name' ); $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.'</'.$logo_tag.'></a>'; return $logo; } add_filter('avf_logo_final_output','use_text_logo_only');and on quick css:
(maybe with your header setting – you had to adjust the css a little bit )#top .logo.text-logo { display: flex; justify-content: left; align-items: center; width: auto; } #top .logo.text-logo h1 { margin: 0 !important; font-size: 30px; /* adjust to your needs */ text-transform: uppercase !important; }PS: if you like to have different alt and title tags replace in the snippet above with hardcoded strings
$alt = "your alt attribute"; $title = "your title attribute";and if you do not like to have a h1 – just replace to a different tag ( h2, div, span etc. ) but then you had to adjust the css to that tag
see example page: https://webers-testseite.de/background-video/
In reply to: Upper Menu size
Hi,
link : https://pc-lab.fr/?bypass_code=FmUELDTcVMozUyFII’m refering to the small bar on top of the normal menu bar.
The menu item, “FAIRE UN DON“, as set in the secondary menu parameters should be coloured, and the “NOUS REJOINDRE” should be outlined.
Moreover, I’d like to try to increase their font size.
Hope I’m more clear.
BR
In reply to: Upper Menu size
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
#header_meta { height: 50px; min-height: 50px; } .phone-info { font-size: 16px; }Best regards,
RikardIn reply to: Upper Menu size
OK seen, thanks,
But…I do not see where to make it bigger (higher) and increase the font size.
BrJM
In reply to: Blog Overview – Image left, copy right
Hi,
Thank you for the info.
We adjusted the code in the Quick CSS field a bit. It should be working correctly now.
@media only screen and (min-width: 769px) { /* Add your Desktop Styles here */ #top .fullsize .template-blog .big-preview { padding: 0 0 10px 0; width: 40%; } .av-alb-blogposts .post-entry { display: block; } .av-alb-blogposts .big-preview.single-big a { height: 100%; } .av-alb-blogposts .big-preview.single-big a img { object-fit: contain; } #top .fullsize .template-blog .post-title { text-align: left; font-size: 30px; padding: 15px 0; max-width: 800px; margin: 0 auto; } #top .fullsize .template-blog .post-meta-infos { text-align: left; } #top .fullsize .template-blog .post .entry-content-wrapper { width: 60%; float: left; } #top .fullsize .template-blog .blog-meta { display: none; } #top .fullsize .template-blog .big-preview { padding: 0 0 10px 0; width: calc(40% - 50px); float: left; margin-right: 50px; min-height: 200px; } } @media only screen and (min-width: 989px) { #top .fullsize .template-blog .big-preview img { min-width: 494px; } }
Best regards,
IsmaelTopic: Upper Menu size
Hi folks,
i’m looking how to have the currently small upper menu bar bigger and its font also. I mean the secondary menu bar.
I don’t see where it is.
ThanksHave a nice day
JM
In reply to: Sektion und Rasterzeilen reagieren nicht
In reply to: Sektion und Rasterzeilen reagieren nicht
In reply to: Edit sub-sub menu
Hi,
Thank you for the update.
Adjusting the line spacing of the text doesn’t seem to make a difference on our end, but we’re using a relatively small screen, which might be the reason. If you want to adjust the font size and also limit the height of the mega menu images, try this css code:
#top #header .avia_mega_div > .sub-menu > li > ul > li a .avia-menu-text { line-height: 10px; font-size: 10px; } #top #wrap_all .avia_mega_div img { height: 64px; object-fit: cover; width: 100%; }Result:
Best regards,
IsmaelIn reply to: Edit sub-sub menu
Hello Ismael,
Scrolling is also a good idea, but I asked about the font size and line spacing. How can I change these two things?
Best regards,
MartinI’m trying to migrate to SVG social icons as per the recommendation in Theme Options. I have changed X and Instagram on the ‘dev’ test site (see below) and you can see the problem with SVG versions – too ‘low’ and wrong color.
The fix for the lowered icons is, I think:
#top .social_bookmarks li.avia-svg-icon svg:first-child { margin-top: 6px;}from the default of 9px – please confirm this is the right CSS to target to get the SVG icons higher.
I cannot however find the code that is making the SVG icons display grey (#808080, the secondary font color) instead of blue.
I have this CSS in my child theme style.css to change the old/existing icons to the site’s main blue colour:
.header_color .social_bookmarks a { color: #2e3192 !important;}This code is still being loaded but is being ignored by the SVG icons. How can I get the SVG icons displaying blue?
[There is additional CSS to format the social icons, as below, but I don’t think this is relevant, it’s just FYI:
.html_bottom_nav_header #top .av-logo-container .social_bookmarks {
right: 83px; margin-top: -30px;}#top .social_bookmarks li {
width: 36px;}#top .social_bookmarks li a {
font-size: 20px;}
]In reply to: Image size on captions (masonry gallery)
Hey sitesme,
To make the font size 14px on both pages, add this css:#top .av-inner-masonry-content .av-inner-masonry-content-pos-content .av-masonry-entry-content.entry-content { font-size: 14px; }After applying the css, clear your browser cache and check.
Best regards,
MikeIn reply to: Remove the special ampersand on Titles
Hey sitesme,
Please try the following in Quick CSS under Enfold->General Styling:
.special_amp { font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit !important; }Best regards,
RikardHello,
Please let me know how can I match the font size of the captions on a masonry gallery to be exactly the same as the pages below.
This should be applied to all galleries across the whole website.The difference is that some pages are using a Flexible Masonry (this one is fine) while others use the Perfect Automatic Masonry (with the font too big). The idea is to match them like the flexible masonry is.
Pages in private for context.
Thank you
In reply to: font size in header menu
Hey Matthew,
Thank you for the inquiry.
You can adjust the style of the main menu, including its font size, in the Enfold > Advanced Styling panel. Look for Main Menu > Main Menu Link and edit it. Let us know if you need more info.
Best regards,
IsmaelTopic: font size in header menu
In order to get to the code, I turned on block editing for code and found code below. It did put the button in a widget, but the font is supposed to be white on the button even on hover. The button background colors are right, the link work, but the font isn’t white. Any ideas?
[av_button label='Book A Discovery Call' icon_select='yes-right-icon' icon='forward' font='svg_entypo-fontello' title_attr='' button_type='' link='manually,https: (Email address hidden if logged out) /meetingtype/SVRwCe7HMUGxuT6WGxi68g2?bookingcode=be576115-ff4a-4f42-bc3c-696a8c305e44&anonymous&ep=mlink' link_dynamic='' link_target='' download_file='https://' attachment='' attachment_size='' downloaded_file_name='' size='large' position='center' label_display='' size-text='22' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='15' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='color_options_advanced' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color-highlight' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='4431' one_element_template='' av_uid='av-2g3zwf' sc_version='1.0' admin_preview_bg='']
Hi Ismael
I have already tried all if the above suggestions. The execution time is set to 2048M for memory limit, execution time upload file size and the above thumbnails are already removed. And only the minimum file sizes are being created
;+StackCP asp_tags = 1 auto_append_file = auto_prepend_file = display_errors = 0 error_reporting = E_ALL & ~E_DEPRECATED & ~E_STRICT file_uploads = 1 max_execution_time = 300 max_file_uploads = 16 max_input_time = 60 max_input_vars = 2500 memory_limit = 2048M output_buffering = 0 post_max_size = 2048M short_open_tag = 1 upload_max_filesize = 2048M zlib.output_compression = 1 ;-StackCP #EOFThe site is with 20i. Would there be something in the server setup that needs turning off/on that is clashing with the enfold theme?
SERVER Server architecture Linux 5.14.0-570.25.1.el9_6.x86_64 x86_64 Web server Apache PHP version 8.3.26 (Supports 64bit values) PHP SAPI fpm-fcgi PHP max input variables 2500 PHP time limit 300 PHP memory limit 2048M Max input time 60 Upload max filesize 2048M PHP post max size 2048M cURL version 8.1.2 OpenSSL/1.1.1t-fips Is SUHOSIN installed? No Is the Imagick library available? Yes Are pretty permalinks supported? Yes .htaccess rules Custom rules have been added to your .htaccess file. robots.txt Your site is using the dynamic robots.txt file which is generated by WordPress. Current time 2025-10-06T07:39:04+00:00 Current UTC time Monday, 06-Oct-25 07:39:04 UTC Current Server time 2025-10-06T08:38:59+01:00 DATABASE Database Extension mysqli Server version 10.6.18-MariaDB-log Client version mysqlnd 8.3.26 Database username W7-RUgbyB0aTs-1724-353037373107 Database host wpdb-32.hosting.stackcp.net Database name W7-RUgbyB0aTs-1724-353037373107 Table prefix gko86fse9kn6r_ Database charset latin1 Database collation Maximum allowed packet size 134217728 Maximum connections number 1024 IMAGE HANDLING Active editor WP_Image_Editor_Imagick ImageMagick version number 1809 ImageMagick version string ImageMagick 7.1.1-43 Q16-HDRI x86_64 22550 https://imagemagick.org Imagick version 3.7.0 File uploads Enabled Maximum size of post data allowed 2048M Maximum size of an uploaded file 2048M Maximum effective file size 2 GB Max simultaneous file uploads 16 Imagick Resource Limits area: 502 GB disk: 9.2233720368548E+18 file: 768 map: 251 GB memory: 126 GB thread: 1 time: 0 ImageMagick-supported file formats 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, ASHLAR, AVCI, AVI, AVIF, AVS, BAYER, BAYERA, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FARBFELD, FAX, FF, FFF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, FTXT, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, JXL, K25, KDC, KERNEL, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MDC, MEF, MIFF, MKV, MNG, MONO, MOS, MOV, MP4, MPC, MPEG, MPG, MPO, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RSVG, RW2, RWL, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, SRW, STEGANO, STI, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YAML, YCBCR, YCBCRA, YUV GD version 2.3.3 GD supported file formats GIF, JPEG, PNG, WebP, BMP, AVIF, XPM Ghostscript version 9.54.0Regards
ColinIn reply to: .scroll-down-link
Thank goodness for DeepL — I did take French as my third subject in high school, but that was a good 40 years ago ;)
#top .ti-widget .ti-controls .ti-next, #top .ti-widget .ti-controls .ti-next:after, #top .ti-widget .ti-controls .ti-prev:after, #top .ti-widget .ti-controls .ti-prev { background: none !important; border: none !important; outline: none !important; } #top .ti-widget .ti-controls .ti-next { right: -20px; } #top .ti-widget .ti-controls .ti-prev { left: -20px; } #top .ti-widget .ti-controls > div:after { font-size: 52px; color: #ebebeb; } #top .ti-widget .ti-controls .ti-prev:hover:after, #top .ti-widget .ti-controls .ti-next:hover:after { color: #2c1175 !important; }maybe you have allready included some of those rules.
In reply to: .scroll-down-link
on google ratings:
.ti-next:before, .ti-prev:before { display: none !important; } .ti-next:after, .ti-prev:after { display: flex; position: absolute; justify-content: center; align-content: center; align-items: center; width: 100%; height: 100%; border-radius: 100%; transition: all 200ms ease-out; font-size: 24px; font-family: "entypo-fontello"; color: var(--enfold-header-color-color); } .ti-prev:after { content: "\E874" !important; } .ti-next:after { content: "\E875" !important; } .ti-prev:hover:after, .ti-next:hover:after{ color: #FFF !important; background-color: var(--enfold-header-color-color); }In reply to: .scroll-down-link
ok – but even if you like to replace those icons:
.carousel-slider.arrows-outside .owl-nav svg { display: none } .carousel-slider.arrows-outside .owl-nav .owl-prev:before, .carousel-slider.arrows-outside .owl-nav .owl-next:before { font-family: 'entypo-fontello'; font-size: 52px; } .carousel-slider.arrows-outside .owl-nav .owl-next:before { content: "\E875"; } .carousel-slider.arrows-outside .owl-nav .owl-prev:before { content: "\E874"; }now the other ones …
In reply to: .scroll-down-link
ok then i misunderstood your aim.
you like to change these icons here:
these are font-icons and could be replaced by css
(inside your quick css):.html_av-submenu-hidden #top .av-submenu-indicator::before { content: "\E875"; font-family: 'entypo-fontello'; font-size: 24px; }In reply to: Staging Site Not Responsive on Child Theme
Hi,
Regarding the category widget in the right sidebar, try to decrease the font size of the title.
.widget_categories ul li a { font-size: 16px; }
Just FYI, the screenshot from freeimage is not loading on our end for some reason.
Best regards,
IsmaelIn reply to: Multiple shop pages
Hi,
Thank you for the update.
Looks like you have successfully removed the category from the sidebar filter. For the banner, you can duplicate the ava_custom_add_shipping_text_script function in your functions.php file and customize it for each category as needed.
function ava_custom_add_shipping_text_script_category() { if ( is_product_category( array( 'apparel', 'bong' ) ) ) { ?> <script> (function ($) { $(document).ready(function () { var newContainer = $('<div class="av-custom-shipping-container"><p>Free Shipping (USA) - Orders $35+<br><p><font size="6px">International Shipping Available - All Pieces Dab Compatible</font></p></div>'); $('#av_product_description .container').after(newContainer); }); }(jQuery)); </script> <?php } } add_action('wp_footer', 'ava_custom_add_shipping_text_script_category', 99);If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelIn reply to: Staging Site Not Responsive on Child Theme
Thank you for testing on smaller screens and tablets. The issue appears on the standard resolution of 768px for the iPad 6th generation and earlier. I now understand the limitation of centering Custom HTML in the Custom Widget on the Right Sidebar with certain font sizes on smaller screens. Thank you.
On the Right Sidebar the ARTICLES CATEGORIES, SLIDES CATEGORIES and VIDEOS CATEGORIES all have S in the word CATEGORIES still cutoff on smaller screens and tablets, including on the standard resolution of 768px for the iPad 6th generation and earlier. I am not using the Custom HTML Widget. I am simply using the Categories Widget.
Please see.
https://freeimage.host/i/KcQ1ZQI
Can you please check all screen sizes and please help me fix this?
Thank you.In reply to: Staging Site Not Responsive on Child Theme
Hi,
We are only able to reproduce this issue when the screen width is around 782px, which is not a standard resolution for mobile devices, so it’s not something to be overly concerned about. If you’d still like to address it, consider reducing the font size of the button, then set the max-width to 100%.
@media only screen and (max-width: 989px) { .responsive #top #custom_html-2 button { font-size: 13px; word-break: keep-all; max-width: 100%; text-align: center; } }Best regards,
IsmaelIn reply to: .scroll-down-link
or the arrow thought even more demanding ;)
:root { --burger-main-icon-width: 40px; /* === adjust to your needs === */ } @media only screen and (max-width:1150px) { .av-hamburger {display: none} #header #avia-menu li.av-burger-menu-main.menu-item-avia-special, #top #wrap_all #header .av-small-burger-icon a:before{ width: var(--burger-main-icon-width); } #top #wrap_all #header .av-small-burger-icon a { display: flex; justify-content: center; align-content: center; align-items: center; } #top #wrap_all #header .av-small-burger-icon a:before { content: "\e873"; font-family: "entypo-fontello"; font-size: var(--burger-main-icon-width); color: var(--enfold-main-color-primary); text-align: center; } .av-burger-overlay-active #top #wrap_all #header .av-small-burger-icon a:before{ font-size: calc(1.5 * var(--burger-main-icon-width)); /* === only if you like it === */ color: #FFF; content: "\e877 \A \e873"; line-height: 0.35em; animation: avia_fade_move_down 2s ease-in-out infinite; } }
