-
AuthorSearch Results
-
July 11, 2022 at 1:05 am #1357898
Thank you Ismael, It is not taking it…
is this correct ? (I know is applying the button property)
//————————————–*/
#top .round-submit_m_p .button {
background: transparent;
border: 2px solid whitesmoke;
border-radius: 20px!important;
font-size:16px;
padding: 10px 10px;
position: relative;
}#top .round-submit_m_p .text_area
{
border-radius:20px!important;
background: #83b6fe;
border: none;
overflow:auto;
resize:none;
position: relative;
}#top .round-submit_m_p .avia-form-success {
text-align: center;
border-style: solid;
border-width: 1px;
padding: 20px 15px;
font-size: 10px;
line-height: 1.4em;
border-radius: 2px;
clear: both;
}July 10, 2022 at 2:24 am #1357859Hey Eric,
Merci pour le lien vers votre site, les grandes couleurs violettes du titre du méga menu sont définies dans vos options de thème, si vous regardez dans votre Enfold Theme Options ▸ General Styling vous trouvez-en un qui soit violet. Les titres du méga menu sont traités comme des en-têtes plutôt que comme des liens simples, mais si vous voulez qu’ils ressemblent à des liens simples, essayez ce code dans le champ Style général ▸ CSS rapide ou dans le champ WordPress ▸ Personnaliser ▸ CSS supplémentaire :#top #header #header_main .mega_menu_title a { color: #c6d6be; font-size: 12px; font-weight: 400; } #top #header #header_main .mega_menu_title a:hover { color: #1078ff; }Après avoir appliqué le CSS, veuillez vider le cache de votre navigateur et vérifier.
— Translated with Google —
Thanks for the link to your site, the large purple mega menu title colors are set in your theme options, if you look in your Enfold Theme Options ▸ General Styling you will find one that purple. The mega menu titles are treated like headings rather than simple links, but if you want them to look like simple links please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
#top #header #header_main .mega_menu_title a { color: #c6d6be; font-size: 12px; font-weight: 400; } #top #header #header_main .mega_menu_title a:hover { color: #1078ff; }After applying the css, please clear your browser cache and check.
Best regards,
MikeJuly 8, 2022 at 10:52 am #1357659Topic: Text truncated on mobile view
in forum EnfoldMartin
ParticipantHello,
I have this problem quite often and today I want to ask for a solution. It’s about the slide show in the header of the page http://designplanung.de/projekt-012/. This is how everything looks normal. I have also set the fonts so that they get smaller on iPads and smart phones. However, with iPhone size in portrait format, the text is not arranged in the middle, but is almost no longer visible. The text simply does not adapt, even with landscape the button is cut off. Is there a solution to this problem? I’ll probably have to make the slideshow taller, but I really don’t want to.
Best regards,
MartinJuly 8, 2022 at 9:15 am #1357637Hey aruizhuidobro,
Thank you for the inquiry.
You can use this css code to adjust the style of the success message including the font size.
.avia-form-success { text-align: center; border-style: solid; border-width: 1px; padding: 20px 15px; font-size: 18px; line-height: 1.4em; border-radius: 2px; clear: both; }Best regards,
IsmaelHi Veronika,
The code is working properly on mobile.
Try adding this CSS code as well to adjust on tablet/ipad:@media only screen and (min-width:768px) and (max-width:980px) { .html_modern-blog #top #wrap_all .post-entry .post-title, .html_modern-blog #top #wrap_all .avia-content-slider .slide-entry-title { font-size: 16px; } }Hope it helps.
Best regards,
NikkoJuly 6, 2022 at 9:37 am #1357369In reply to: Social Media Icons in a footer Widget
Hi,
Please try this CSS as well:
.widget li a:before { font-size: 20px; }Best regards,
RikardHi,
Thank you for the update.
You can also adjust the font size on smaller screens. Please try this css code.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title { font-size: 1em; letter-spacing: 1px; word-break: break-word; } }Default font-size value is 2em.
Best regards,
IsmaelJuly 5, 2022 at 7:58 am #1357249In reply to: social icons size adjust in socket
Hey woogie07,
Thank you for the inquiry.
You can use this css code to adjust the size of the social icons. Please add it in the Quick CSS field or in the child theme’s style.css file.
#top #socket .social_bookmarks { margin: 0 0 0 30px; height: 50px; } #top .social_bookmarks li { width: 50px; } #top .social_bookmarks li a { width: 100px; line-height: 50px; min-height: 50px; font-size: 30px; }You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
IsmaelJune 29, 2022 at 3:58 pm #1356882CityCollege
ParticipantOur enfold installation has a folder that has a huge file size.
The issue is with the avia_fonts folder in wp-content/uploads. We can’t even browse to it.This has eaten up our server space.
June 29, 2022 at 1:10 pm #1356855In reply to: Customize Tag/Archive page
can you temporarily remove the child-theme tag.php – and put this to your child-theme functions.php:
add_filter('avf_blog_style','avia_change_tag_blog_layout', 10, 2); function avia_change_tag_blog_layout($layout, $context){ if($context == 'tag') $layout = 'blog-grid'; return $layout; } add_filter('avf_post_slider_args', function($atts, $context){ if($context == 'tag') { $atts['type'] = 'grid'; $atts['columns'] = 1; } return $atts; }, 10, 2);and this to quick css
#top.tag .entry-content-wrapper .post-title{ margin-bottom: 40px } #top.tag .slide-entry-wrap { margin-bottom: 10px; } #top.tag .slide-image { display: none !important; } #top.tag .slide-content > :not(.entry-content-header) { display: none; } #top.tag .slide-entry-wrap .entry-content-header .slide-entry-title:before { content: "Article:"; font-size: inherit; font-weight: inherit; color: #666; padding-right: 15px; }June 28, 2022 at 8:07 am #1356658In reply to: Ajout d'icones dans Enfold
you can address these icons via attribute selector.
f.e. here on a testpage – see the first iconbox on the left: https://webers-testseite.de/
Open the alb ( in this case the iconbox – and hover the wanted icon to inspect the code behind that font-icon – here it is: ue837
get rid of the u ( i guess it stands for unicode ) and note your code for the icon as : \e837 ( the backslash is used here )
click to enlarge the image:

now my replacement code on quick css is:
div[data-av_icon="\e837"] { content: " "; background-image: url(/wp-content/uploads/ezgif-4-64b6614e32.gif); background-size: contain; background-repeat: no-repeat; font-size: 0 !important }this gif will now replace all occurrences of this font icon. And if the replacement image is transparent the alb settings for border-color and background-color will be adjustable too. ( Font-color : NOT ; self-evident )
:LOL and even in the preview it will be replace:

BUT: i see that some of those icons are placed in a different way ( f.e. as span – so be carefull to adjust the code then !
June 26, 2022 at 9:38 pm #1356552Hi,
Thank you for your patience, in your opening post you said that the EN iconbox title doesn’t show in white only for logged-in uses, but I see this error on Windows with Chrome not logged-in.
Anyways, on your EN page all of the sections starting with #references and below are outside the #main container:

compare to the DE site:

typically this occurs when an element has an unclosed manually added tag or div, and typically it’s the last element befor the error, but it could be anywhere on the page.
So considering this, when I compare your DE & EN tab section, I see the DE has two columns and EN only has one, please see the screenshot in the Private Content area.
Please check your tab sections.
Another possible cause is if you are programmatically adding sections with broken shortcodes or injecting shortcode somehow after the DOM, so if you are try disabling this function.
If you just want to fix the iconbox title color for this one page, try this css:#top.page-id-4519 .iconbox .iconbox_content_title { font-size: 50px; color: #fff; }Best regards,
MikeJune 26, 2022 at 7:16 pm #1356540In reply to: H1 and H2 titles too big for smartphones
Hi,
If you want to set general font sizes for headings, then you can do so under Enfold->General Styling->Typography. If you are referring to the captions in the Full Width Easy slider on your front page, then you can set font sizes for each screen size if you click in to each slide, then change the font sizes in the Styling->Font Sizes tab.
Best regards,
RikardJune 25, 2022 at 7:26 pm #1356488In reply to: H1 and H2 titles too big for smartphones
Hi Ismael,
It looks like you didn’t received my answer.
As I am new to responsive editing, could you please explain where exactly are the locations you are talking about ?
– Where are special headings ? I am using the legend within the slide-shows.
– Where is Style/Font/size ?
– Where should I put the css ? I tried in the box of the slide-show (in advanced, css class) but it didn’t change anything when looking from the mobile.
Thank you
Regards,
HulaSlimJune 24, 2022 at 4:22 pm #1356413In reply to: Some thoughts on the new Parallax behavior features.
Hi,
Yes, this is the default implementation.
You can check in the post css files.
Create a page with e.g. textblock and set the font sizes. You will see “default” font is without media query and then come the responsive media queries for the font sizes.
Best regards,
GünterJune 24, 2022 at 11:15 am #1356386Hi,
Thanks for the update. We didn’t change anything on your site, so it’s likely that you have active caching on your site, which has now expired.
1. I’m not sure exactly on which screen size you are looking to change which headings, but the ones you indicated in the screencast can be controlled with this CSS:
.av-image-caption-overlay-center { font-size: 26px; }2. There is CSS changing that section to orange coming from the file in private. It’s impossible for us to know where that is added though, since the URL doesn’t give any clues.
Best regards,
RikardJune 24, 2022 at 11:02 am #1356382In reply to: Some thoughts on the new Parallax behavior features.
Hey Guenter,
A first response:
The basic implementation for responsive in enfold is that you have a setting with no media query (description is desktop – no media query) either in css files or set in options and then media queries that override the desktop setting.
I think this is also a historical reason because responsive was added later.
Changing this will certainly break many sites.
But I agree – there is missing an option with a media query for large screens only (wider than 990px).
This would allow:
- set a custom default value for all sizes (and override theme setting)
- set a custom value for each of the 4 devices independently, if not set the custom default value for all sizes or theme default is used
I will think about it a little more.
This can also be used for font sizes and other responsive settings
Best regards,
GünterJune 23, 2022 at 1:38 pm #1356293In reply to: Gallery single Image styling
put it in General Styling – Quick CSS
maybe an important is necessary :#top .image-overlay .image-overlay-inside::before { content: "\e80f" !important; font-size: 50px; color: #fff !important; } #top div .avia-gallery .avia-gallery-big { padding: 0px !important; border-style: none !important; } #top div .avia-gallery img { border-style: none !important; padding: 0px !important; }the :
content: "\e80f"is a little camera – if you like to show a real image – code has to be adjusted.
if you like to have it specific only for one gallery – give a custom-class to that gallery – and this has to be part of the css code.PS: i do not see your private content area – i’m participant as you- so i only could investigate own or the enfold demo pages to give advice.
June 23, 2022 at 12:35 pm #1356277In reply to: Gallery single Image styling
use on that the quick css input field.
if you mean this “Gallery with Preview” on https://kriesi.at/themes/enfold/shortcodes/gallery/
try:#top .image-overlay .image-overlay-inside::before { content: "\e80f" !important; font-size: 50px; color: #fff !important; } #top div .avia-gallery .avia-gallery-big { padding: 0px; border-style: none; } #top div .avia-gallery img { border-style: none; /*** padding: 0px; *** - if you like ***/ }June 23, 2022 at 5:06 am #1356231In reply to: if plugin active the footer appears wrong
Hi schweg33,
You can use the same plugin, it can be fixed by adding this CSS code in Enfold > General Styling > Quick CSS:
#footer { padding: 0; } #footer .widget { margin: 0; } #top .footer_color .widgettitle, #top .socket_color .widgettitle { color: #000000; text-transform: none; font-size: 13px; letter-spacing: 0.09em; }Best regards,
NikkoJune 22, 2022 at 9:20 pm #1356213In reply to: avia layout gone!
seems like when i use below css i can see the green button but not the other button.
@media only screen and (max-width: 767px) {
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 10px;
}#top #wrap_all .avia-slideshow .av-slideshow-caption {
font-size: 30px;
}#top .avia-slideshow .av-slideshow-caption p {
font-size: 14px;
}
#top .flex_column_table.av-equal-height-column-flextable.av-9y4su-ed9cb8f9ef6e3819ca120920f518c18b {
margin-top: -115px;
}
}
@media only screen and (max-width: 767px) {
.av-slideshow-caption .container {
width: 95%;
max-width: 95%;
}
}June 22, 2022 at 9:12 pm #1356212In reply to: avia layout gone!
#top .av_header_transparency {
background: rgba(0, 0, 0, 0.4);
}
.home #av_section_1 .iconbox_content {
min-height: 591px;
}#avia2-menu {
position: relative;
top: -3px;
}#top .flag-dansk {
background: url(‘https://www.zorbas.dk/wp-content/uploads/2017/03/dansk-flag.png’) center center no-repeat !important;
height: 18px;
width: 50px;
text-indent: -9999em;
}#top .flag-svensk {
background: url(‘https://www.zorbas.dk/wp-content/uploads/2017/03/svensk-flag.png’) center center no-repeat !important;
height: 18px;
width: 50px;
text-indent: -9999em;
}#top .flag-dansk a,
#top .flag-svensk a {
display: block;
}.custom-tag {
padding: 5px;
background-color: rgba(0,0,0,0.5);
}#top .widget_nav_menu {
padding-top: 0;
}.sidebar_left {
-moz-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
}.sidebar_left .inner_sidebar {
margin-right: 0 !important;
}.sidebar_left .widget_nav_menu ul li a {
border: 1px solid #e1e1e1;
border-right: 0;
border-left: 0;
color: #666;
margin: 0 0 -1px;
padding: 12px 16px !important;
text-align: left;
}.sidebar_left .widget_nav_menu ul li.current-menu-item a {
color: #719430;
}/*8bba34*/
.sidebar_left .widget_nav_menu ul li:first-child a {
border-top: 0;
}.page-id-2584 #element_avia_17_1 {
width: 100%;
margin-left: 0;
}.av-catalogue-content {
padding-right: 0px;
}
.avia-testimonial-image {
float: none;
margin: 0 auto 0px auto;
}
.avia-testimonial-meta {
margin-left: 0;
text-align: center;
}.lch-progrees-bar {
padding-right: 0px;
margin-right: -0px;
}.page-id-118 .sidebar_left #nav_menu-2 {
display: none;
}.page-id-120 .sidebar_left #nav_menu-2 {
display: none;
}.page-id-123 .sidebar_left #nav_menu-2 {
display: none;
}.page-id-125 .sidebar_left #nav_menu-2 {
display: none;
}/*
@media only screen and (max-width: 767px) {
.responsive .avia-grid-testimonials .avia-testimonial-meta {
margin-left: 130px;
}}*/@media only screen and (max-width: 989px) and (min-width: 768px) {
.lch-progress-bar {
padding-right: 0px;
margin-right: 50px;
}
}@media only screen and (min-width: 768px) {
.home #av_section_2 .entry-content-wrapper {
display: -webkit-flex;
display: flex;
flex-direction: row;
}.home #av_section_2 .entry-content-wrapper .iconbox,
.home #av_section_2 .entry-content-wrapper .iconbox_content {
height: 100%;
}.home #av_section_2 .entry-content-wrapper .iconbox_content {
padding-bottom: 0;
}
}.home #av_section_2 .entry-content-wrapper .iconbox_content {
padding-bottom: 30px!important;
}.home #av_section_2 .entry-content-wrapper .iconbox_content .avia-button-center {
position: absolute;
bottom: 0;
transform: translateX(-50%);
left: 50%;
width:90%;
}@media only screen and (max-width: 767px) {
.av-catalogue-price {
font-size: 14px;
position: relative;
}
.av-catalogue-title {
font-size: 14px;
line-height: 1.5em;
}.avia_textblock {
line-height: 37px;
}h1 {
line-height: 60px;
}.fb-page.fb_iframe_widget,
.fb-page.fb_iframe_widget span {
position: static !important;
width: 100% !important;
}.av-catalogue-content p:last-child {
font-size: 11px;
}.av-catalogue-image {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}.responsive .tabcontainer .tab_content {
padding: 0 5px;
}.av-catalogue-content p {
font-size: 10px !important;
}.progressbar-title {
font-size: 11px;
}.avia_message_box_content {
margin-left: -8px;
margin-right: -8px;
}
}
@media only screen and (max-width: 767px) {
.av-catalogue-price {
font-size: 11px;
position: relative;
}
.av-catalogue-title {
font-size: 11px;
line-height: 1.5em;
}}
#advanced_menu_toggle, #advanced_menu_hide {
display:block !important;
}
}/*caldera*/
.caldera-grid {
font-size: 20px;
}#fld_4934012Caption {
font-size: 12px;
color: green;}
@media only screen and (max-width: 1024px) {
nav.main_menu, #menu-item-search {
display: block !important;
}
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td {
color: #000;
}#top .av_header_stretch .container {
width: 70% !important;
margin: 0 20px;
}June 21, 2022 at 5:23 pm #1356028Although I have installed the font LATO via plugin and in the general styling as font, size 14 px (in the main theme as well as in the child theme) this setting is consistently ignored by WordPress. The font is not even available in the classic editor for manual selection.
What on earth have I done wrong? I hope you can fix thisJune 21, 2022 at 4:24 pm #1356022In reply to: avia layout gone!
Hi,
Thanks for that. I set smaller font sizes for the smaller screen resolutions for you in the element option, and that works as expected. Please review your site.
Best regards,
RikardJune 21, 2022 at 2:23 pm #1356007Hi,
Thanks for contacting us!
Please go to Enfold theme options > General Styling > Typography and edit “Default Content Font Size (eg: blog post content) – Selector: body { … }” :)
Regards,
YigitJune 21, 2022 at 12:17 pm #1355990Topic: General Styling – Fonts > there are no font size selections
in forum EnfoldO_Herz
ParticipantHello dear support team,
I would like to change the font size in Enfold, but unfortunately under General Styling > Fonts I only have the selection of the font type, but not the font size.
What can I do?June 21, 2022 at 4:41 am #1355925In reply to: Font size difference between Page and Post
Hey JeffTweddale,
Thank you for the inquiry.
Good catch! The font sizes between the posts and pages are different because of this base css code in the layout.css file.
#top .fullsize .template-blog .post .entry-content-wrapper { text-align: justify; font-size: 1.15em; line-height: 1.7em; max-width: 800px; margin: 0 auto; overflow: visible; }We will report the issue to our channel and adjust the code accordingly. For the meantime, you can override the default style using this css code.
#top .fullsize .template-blog .post .entry-content-wrapper { font-size: 1em; }Best regards,
IsmaelJune 21, 2022 at 4:36 am #1355924In reply to: H1 and H2 titles too big for smartphones
Hey HulaSlim,
Thank you for the inquiry.
Are you using the Special Heading element? The size of the font can be changed per device or screen size in the Styling > Font Sizes > Heading Font Sizes settings.
You can also use this css code to adjust the font size of inline headings or titles.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { font-size: 20px !important; } }Best regards,
IsmaelJune 21, 2022 at 12:35 am #1355912Topic: Image Caption
in forum Enfoldwoogie07
ParticipantHi,
Are there any advance styling options for the image captions for the theme? I need to change the weight, size, font
Thanks
MarcusJune 20, 2022 at 9:54 pm #1355897Topic: Font size difference between Page and Post
in forum EnfoldJeffTweddale
ParticipantI believe that Posts and pages are all considered ‘content’ in EnFold. Thus I have set the font family in Enfold theme options > General Styling tab | FONT tab to use Arial and 12 pt. But when I make a POST my font size is 13 pt (https://hotel.bookingcenter.com/auscozl/2021/12/28/gym/)
When I make a Page it’s always 12 pt. (eg: https://hotel.bookingcenter.com/auscozl/general-information/)
I can’t get the same font for the same size on both POSTS and PAGES. Why is this? Can you help me solve?
-
AuthorSearch Results
-
Search Results
-
Hello,
I have this problem quite often and today I want to ask for a solution. It’s about the slide show in the header of the page http://designplanung.de/projekt-012/. This is how everything looks normal. I have also set the fonts so that they get smaller on iPads and smart phones. However, with iPhone size in portrait format, the text is not arranged in the middle, but is almost no longer visible. The text simply does not adapt, even with landscape the button is cut off. Is there a solution to this problem? I’ll probably have to make the slideshow taller, but I really don’t want to.
Best regards,
MartinOur enfold installation has a folder that has a huge file size.
The issue is with the avia_fonts folder in wp-content/uploads. We can’t even browse to it.This has eaten up our server space.
Hello dear support team,
I would like to change the font size in Enfold, but unfortunately under General Styling > Fonts I only have the selection of the font type, but not the font size.
What can I do?Topic: Image Caption
Hi,
Are there any advance styling options for the image captions for the theme? I need to change the weight, size, font
Thanks
MarcusI believe that Posts and pages are all considered ‘content’ in EnFold. Thus I have set the font family in Enfold theme options > General Styling tab | FONT tab to use Arial and 12 pt. But when I make a POST my font size is 13 pt (https://hotel.bookingcenter.com/auscozl/2021/12/28/gym/)
When I make a Page it’s always 12 pt. (eg: https://hotel.bookingcenter.com/auscozl/general-information/)
I can’t get the same font for the same size on both POSTS and PAGES. Why is this? Can you help me solve?
