-
Search Results
-
Hi there,
I have specified the font size for H1 headings in the theme options. However, I want to display a reduced-size font on smaller mobile devices.
So have gone to the text block settings, Styling, Font Size and set a reduced size text for the 2 smallest device sizes. However the settings do not pull through. The text is not reduced on smaller screens. How do I fix this?
Hi I am working on a home page and I need to set a Fullscreen slider with one single picture. Over that I want to show a graphic image (I have it in png and svg), over which a special header appears. Both these elements have been placed using the position absolute and adjusting top/right values.
However when I load the page in front-end I can see the graphic image and text appearing for a millisecond. Then they disappear and appear again when I start scrolling the page. I checked if there was some further advanced rule applied to the elements but there not. How can I keep them visible since the beginning of the loading page?
Here’s my debug code
[av_fullscreen size='2048x2048' control_layout='av-control-default' slider_navigation='av-navigate-arrows av-navigate-dots' nav_visibility_desktop='' nav_arrow_color='' nav_arrow_bg_color='' nav_dots_color='' nav_dot_active_color='' image_attachment='' animation='slide_up' transition_speed='' autoplay='false' interval='5' conditional_play='' img_scrset='' lazy_loading='disabled' id='' custom_class='home-open-img' template_class='' av_uid='av-ldk05icf' sc_version='1.0'] [av_fullscreen_slide slide_type='image' id='116' position='center center' video='https://' mobile_image='' fallback_link='https://' title='' video_cover='' caption_pos='caption_right' custom_title_size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' custom_title='' custom_content='' heading_tag='' heading_class='' link_apply='' link='lightbox' link_target='' button_label='Click me' button_color='light' link1='manually,http://' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-uv4f' sc_version='1.0' video_autoplay='' video_controls='' video_mute='' video_loop='' overlay_enable=''][/av_fullscreen_slide] [/av_fullscreen] [av_image src='http://localhost:8888/rialto1082.com/wp-content/uploads/2023/01/bridge-graphic.png' attachment='97' attachment_size='full' copyright='' caption='' image_size='no scaling' styling='' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-desktop-parallax_parallax='none' av-desktop-parallax_parallax_speed='' av-medium-parallax_parallax='none' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='none' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='none' av-mini-parallax_parallax_speed='' hover='' blur_image='' grayscale_image='' fade_image='' appearance='' css_position='' css_position_location=',-50%,150%,' css_position_z_index='10' av-desktop-css_position='absolute' av-desktop-css_position_location=',-50%,260%,' av-desktop-css_position_z_index='10' av-medium-css_position='absolute' av-medium-css_position_location=',-30%,260%,' av-medium-css_position_z_index='10' av-small-css_position='absolute' av-small-css_position_location=',-30%,260%,' av-small-css_position_z_index='10' av-mini-css_position='absolute' av-mini-css_position_location=',-30%,260%,' av-mini-css_position_z_index='10' transform_perspective='' transform_rotation=',,,' transform_scale='1.5,1.5,1.5' transform_skew=',' transform_translate=',,' av-desktop-transform_perspective='' av-desktop-transform_rotation=',,,' av-desktop-transform_scale=',,' av-desktop-transform_skew=',' av-desktop-transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' mask_overlay='' mask_overlay_shape='blob' mask_overlay_size='contain' mask_overlay_scale='100%' mask_overlay_position='center center' mask_overlay_repeat='no-repeat' mask_overlay_rotate='' mask_overlay_rad_shape='circle' mask_overlay_rad_position='center center' mask_overlay_opacity1='0' mask_overlay_opacity2='1' mask_overlay_opacity3='' link='' target='' title_attr='graphic-motif' alt_attr='graphic motif' img_scrset='' lazy_loading='disabled' av-desktop-hide='aviaTBav-desktop-hide' av-medium-hide='aviaTBav-medium-hide' av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-ldk1oq0a' sc_version='1.0' admin_preview_bg=''][/av_image] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-desktop-parallax_parallax='' av-desktop-parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',-30%,150%,' css_position_z_index='' av-desktop-css_position='absolute' av-desktop-css_position_location=',-40%,320%,' av-desktop-css_position_z_index='15' av-medium-css_position='absolute' av-medium-css_position_location=',-30%,320%,' av-medium-css_position_z_index='15' av-small-css_position='absolute' av-small-css_position_location=',-30%,320%,' av-small-css_position_z_index='15' av-mini-css_position='absolute' av-mini-css_position_location=',-20%,320%,' av-mini-css_position_z_index='15' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-12txf' sc_version='1.0'] [av_heading heading='Rialto 1082<br/>Venice Bed & Breakfast' tag='h1' style='blockquote modern-quote modern-centered' subheading_active='subheading_below' show_icon='' icon='ue800' font='entypo-fontello' size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='26' subheading_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='16' icon_size='' av-desktop-font-size-1='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='#ffffff' seperator_color='' icon_color='' margin='' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' headline_padding='' headline_padding_sync='true' av-desktop-headline_padding='' av-desktop-headline_padding_sync='true' av-medium-headline_padding='' av-medium-headline_padding_sync='true' av-small-headline_padding='' av-small-headline_padding_sync='true' av-mini-headline_padding='' av-mini-headline_padding_sync='true' padding='10' av-desktop-padding='' av-medium-padding='' av-small-padding='' av-mini-padding='' icon_padding='10' av-desktop-icon_padding='' av-medium-icon_padding='' av-small-icon_padding='' av-mini-icon_padding='' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-ldk1eds5' sc_version='1.0' admin_preview_bg=''][/av_heading] [/av_one_full]In reply to: The logo is cut out
Hey maryenvato,
Thank you for the inquiry.
Have you tried decreasing the font size of the main menu items? The style of the main menu can be adjusted in the Enfold > Advanced Styling panel. You can also adjust the Maximum Container Width value in the Enfold > General Layout > Dimensions panel.
Best regards,
IsmaelIn reply to: Fullwidth Easy Slider Text on homepage via mobile
Hi carlosTLM98,
Please edit the Fullwidth Easy Slider, then edit the slide item, go to Styling > Font Sizes > edit Caption Title Font Size and Caption Content Font Size (make sure that the mobile device icon on the top of it is selected).
Hope this helps.Best regards,
NikkoIn reply to: Custom Icon Bullets
Hey Monika,
Thanks for the link to your page, please try this css instead:.bullets li { list-style: none!important; } .bullets li { padding-left: 40px; } .bullets li:before { content: '\e805'; font-family: 'wery-designstudio-icons'; font-size: 23px; font-weight: normal; position: absolute; left: 6px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeTopic: Custom Icon Bullets
Hey there,
i tried to customize my Bullets, but somehow it does not work. Instead of the Icon, he shows me just the Text “ue805”.
But I put the Icon also in the Text editor to see which number it has.
This icon I want:
[av_font_icon icon='ue805' font='wery-designstudio-icons' style='' caption='' link='' linktarget='' size='20px' position='left' animation='deactivated' color='' av_uid='av-2amarj' custom_class='haken' admin_preview_bg=''][/av_font_icon]and this is my css:
`
.bullets li {
list-style: none!important;
}.bullets li {
padding-left: 40px;
}.bullets li:before {
content: ‘ue805’;
font-family: ‘wery-designstudio-icons’;
font-size: 23px;
font-weight: normal;
position: absolute;
left: 6px;
}Cheers
MonikaTopic: various
Hi,
I need help again with Responsive customization of a website – a onepager.
1. customization in the offers section (screenshot on the normal laptop is in the dropbox – screenshot 1). I used a ready background image and set a minimum height and spacing from the bottom in the columns. This worked until the middle screen size in the customizer (screenshot 2). From 768px and smaller it is not possible to place the text inside the area above the background image. Either there is too much space under the text (screenshot 3) or the text goes into the image (screenshot 4). What can be done?
2. at the customer recommendations the distances are not correct – see screenshot 5 and the font is too big. The round images are partly cut off at the top.
3. if you scroll down on the mobile, there are partly white or brown thin stripes between the color sections – I don’t understand that either.
That was now unfortunately a bit much and maybe I could have solved the part with the offers also differently …
In advance, thank you very much – all links are in private content.
Many greetings, Sabine
Translated with http://www.DeepL.com/Translator (free version)
In reply to: Secondary Menu Styling (font style & size)
Hi,
Thank you for the link.
You can use this css code to adjust the style of the submenu items.
#top .av-subnav-menu > li > a { padding: 0px 10px 0px 12px; display: block; border-left-style: solid; border-left-width: 1px; font-weight: 600; font-size: 1.5em; }Best regards,
IsmaelI’ve had a good scan for the specifics of this, apologies if it’s obvious in a previous post
I am running a secondary menu that’s a bit like a banner with three html links on it. I can change the font colour under “General Styling / Socket” but I just can’t figure out how to change the font size and style (bold etc).
I found some Quick CSS on previous posts that don’t seem to do anything.
Is there a way to do this, an easy way? :)
Thanks in advance. I tried!
In reply to: row too high on mobile
Hi,
For the special heading element you can choose the font size based on screen size, go to the screen options tab and pick your sizes:
Best regards,
MikeIn reply to: slider on store like home
Hi,
I changed your code to this:add_action( 'ava_after_main_container', 'ava_after_main_container_mod', 10 ); function ava_after_main_container_mod() { if ( !is_front_page() ) { $output = ''; $output .= do_shortcode('[rev_slider alias="routiers-cvfl"][/rev_slider]'); echo $output; } if ( is_front_page() ) { $output = ''; $output .= do_shortcode("[av_image src='https://routiers-cvfl.li/wp-content/uploads/2023/01/schloss-gutenberg.jpg' attachment='3159' attachment_size='full' copyright='' caption='' image_size='' styling='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' hover='' appearance='' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_image]"); echo $output; } }This shows the slider on all pages except the homepage, on the home page it shows the image you asked for, but it could show a different slider if you wished.
Best regards,
MikeIn reply to: row too high on mobile
Ok thank you Mike, this was ecactly what i needed to know.
last question about font sizes on mobiles, i can figure it out myself i think.if you want, you can close this ticket
best regards, jelleIn reply to: frame as circle
Hi,
I added the custom class onethirdcircle to the three circles in all three languages and then adjusted the script to look for this class.
I then added this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field for all three languages to center the text on mobile and cleared your cache for each language:@media only screen and (max-width: 767px) { .responsive #top .sc-av_one_third .flex_column_table_cell.onethirdcircle { display: flex; justify-content: center; flex-direction: column; } }Then to reduce the size of the circles and center them horizontally for mobile I added this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field for all three languages to center the text on mobile and cleared your cache for each language:
@media only screen and (max-width: 767px) { .responsive #top .sc-av_one_third .flex_column_table_cell.onethirdcircle { max-width: 300px; margin: auto !important; } }In my tests this is the smallest that you can use in all three languages and still have it look good based on the words, is some languages the words are too long without a break so it doesn’t fit in the circle well. Perhaps if you made the font smaller you could have a smaller circle but then would the text easily be readable?
You can test further if you like, please clear your mobile browser cache and check.
Please see the screenshot in the Private Content area of the mobile results.Best regards,
MikeMy page title is not displaying in Pages. I found another topic with the same problem as mine and the user was instructed to use this Quick CSS:
.title_container { background: #d6d6d6; } .title_container .main-title a { color: black!important; font-size: 20px; }This did not work for me. Here is the About page link: https://newsite.arclivingston.com/newsite2022/about/
You will not be able to view without credentials since it’s a staging site that hasn’t been launched, so I have included that in the private section below.
Thank you,
Diane`
In reply to: row too high on mobile
Hi Ismael,
thank for your reply.imagine i want to change padding on the first section only at one certain page, for example the homepage. i can use your original solution
.home div#av_section_1 .template-page.content.av-content-full.alpha.units { padding: 10px; }but what if i need to change one particular page, not the home page
is it enough to just mention the title of the page, in the beginning of the code?
So, there is this page called over-mij, i think this page would NOT need any padding for example , should the code be than:.over-mij div#av_section_1 .template-page.content.av-content-full.alpha.units { padding: 0px; }?
Can i just relate to it by mentioning the name of the page, or do i need an ID?
and what if i want to have this code for all the pages on the website? just leave .home away in the code?
————————–
for the fonts: in the settings one can change the fonts, in general, but is there a way to say:
on my Desktop the font-size can be 18px for a title (H3 for example) but on a mobile it should be only 12 px?best regards, jelle
-
This reply was modified 3 years ago by
.
-
This reply was modified 3 years ago by
-
This reply was modified 3 years ago by
-
This reply was modified 3 years ago by
-
This reply was modified 3 years ago by
-
This reply was modified 3 years ago by
-
This reply was modified 3 years ago by
-
This reply was modified 3 years ago by
-
This reply was modified 3 years ago by
In reply to: row too high on mobile
Hey jeel147,
Thank you for the inquiry.
You can adjust the padding of the first section using the following css code.
.home div#av_section_1 .template-page.content.av-content-full.alpha.units { padding: 10px; }And to adjust the size of the text on mobile view, edit the element (special heading) in builder, go to the Styling tab and configure the Font Sizes settings.
Best regards,
IsmaelIn reply to: Different typography size in pages and posts
Hi,
Thank you for the links.
Did you add the following css code somewhere? It sets the font size to 15px by default on pages.
body, body .avia-tooltip { font-size: 15px; }The css below is the default style.
#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; }To fix the issue, you have to adjust the first css rule and make sure that it is the same as the default style.
Best regards,
IsmaelIn reply to: Change Typography and Lines in clients quotes
Hey Monika,
Thanks for contacting us!
You can use following code to target testimonial content
#top .kundenrezensionen .avia-testimonial-content { font-size: 16px; }And you can use following to target the borders
#top #wrap_all .kundenrezensionen .avia-testimonial { border-color: red; }If you would like to make more specific changes, please post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com and post the links here :)
Best regards,
YigitIn reply to: Contact for 7 : font size of visitors entries
Hi,
There does not seem to be any error in the Quick CSS field.
I added following code to bottom of the field
/* Contact Form 7 customizations */ #top #wrap_all .wpcf7 input.wpcf7-text, #top #wrap_all .wpcf7 textarea { font-size: 20px; color: #000; } #top .wpcf7-submit { margin-top: 20px; }Please review your website :)
Best regards,
YigitIn reply to: Contact for 7 : font size of visitors entries
Hey,
This final code should fix it all :)
#top #wrap_all .wpcf7 input.wpcf7-text, #top #wrap_all .wpcf7 textarea { font-size: 20px; color: #000; }Cheers!
YigitIn reply to: Contact for 7 : font size of visitors entries
Hi Tilman,
CSS selector was apparently not strong enough. Please update your code to the following one
#top #wrap_all .wpcf7 input, #top #wrap_all .wpcf7 textarea { font-size: 20px; color: #000; }Best regards,
YigitIn reply to: Contact for 7 : font size of visitors entries
thx Yigit,
font size ist fine nowbut only the second field entry is black now, all others (text and not text area fields) are still light grey. I’ve tried to play with the CSS by adding “text” in addition to “text-area” but was not successful.
Plus, the font color on the “send” Button went also back, this one shall remain white as before….
current appearance on Mac OS / Chrome pls see here:
Cheers, Tilman
In reply to: Contact for 7 : font size of visitors entries
Hi Tilman,
Please use the following code instead
#top .wpcf7 input , #top .wpcf7 textarea { font-size: 20px; color: black; }Cheers!
YigitIn reply to: Contact for 7 : font size of visitors entries
thx a lot Yigit.
this works, but only on the first entry field (“Objekt”) – pls see here: https://www.eth-solutions.de/fallmeldung/
Plus, I have tried to make the entries font color black with :
#top .wpcf7 input {
font-size: 20px;
font-color: black;
}But they remain light grey
Which code do I need to habe font color back and every size like the first field?
thx again 6 best regards
Tilman
In reply to: Contact for 7 : font size of visitors entries
Hey Tilman,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
#top .wpcf7 input { font-size: 20px; }Best regards,
YigitHi!
I’m using the testimonial grid on a page I’m building and when I put it in, it worked. But with every change on the page, it gets blown up and only the code shows. If I go back in and save it again (without making changes), it is correct again but once I change anything on the page, it gets destroyed again.
Can someone help?When it blows up, it shows the code on the page such as this – instead of the testimonial grid:
„Annika hat eine sehr angenehme Art und eine ganz besondere Stimme, die mir viel Sicherheit gegeben hat, um tief in meine Prozesse einzutauchen und gleichzeitig die Verbindung zu den anderen Frauen zu halten. Der Raum war so liebevoll gestaltet von der Ankunft bis zum Abschied – ich habe mich sehr willkommen gefühlt <3.” [/av_testimonial_single] [av_testimonial_single src='3521' name='' subtitle='' link='http://' linktext='' av_uid='av-ld7s48ye' sc_version='1.0'] “Es schwang eine liebevolle Energie durch den Raum, die uns den Raum hielt echt zu sein und uns völlig offen mit all unseren Gefühlen, Gedanken und Aspekten zu zeigen.” [/av_testimonial_single] [av_testimonial_single src='3519' name='' subtitle='' link='http://' linktext='' av_uid='av-ld7s4ock' sc_version='1.0'] “Der Frauenzirkel war einfach magisch und die Tiefe dieses Raums war soooo erfüllend. Liebe Annika, danke für die Sicherheit, die du in den Raum gegeben hast: ich fühlte eine nährende Verbundenheit, die ich sonst nicht so schnell verspüre.” [/av_testimonial_single] [av_testimonial_single src='3520' name='' subtitle='' link='http://' linktext='' av_uid='av-ld7s579l' sc_version='1.0'] “Sehr fein, fast magisch. Es war ein wertschätzender, angenehm vertrauter Rahmen für Frauen mit allen unterschiedlichen Anliegen, die alle einen Raum haben dürfen.” [/av_testimonial_single] [av_testimonial_single src='3522' name='' subtitle='' link='http://' linktext='' av_uid='av-ld7s5n07' sc_version='1.0'] “Der Zirkel hätte noch ewig weitergehen können :) ” [/av_testimonial_single] [/av_testimonials] [/av_one_full] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' av-desktop-margin='' av-medium-margin='' av-small-margin='' av-mini-margin='' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' av-desktop-padding='' av-medium-padding='' av-small-padding='' av-mini-padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-desktop-parallax_parallax='' av-desktop-parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' 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='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-4l8ada' sc_version='1.0'] [av_promobox button='yes' label='Zu Gutschein' icon_select='no' icon='ue800' font='entypo-fontello' label_display='' color='custom' custom_bg='#7933aa' custom_font='#ffffff' size='large' box_color='' box_custom_font='#ffffff' box_custom_bg='#444444' box_custom_border='#333333' gradient_color_direction='vertical' gradient_color_1='#000000' gradient_color_2='#ffffff' gradient_color_3='' border_promo='' border_promo_width='' border_promo_width_sync='true' border_promo_color='' border_radius_promo='' border_radius_promo_sync='true' box_shadow_promo='' box_shadow_promo_style='0px,0px,0px,0px' box_shadow_promo_color='' link='manually,https://annikaschauf.de/s/annika-schauf/gutschein-frauenzirkel' link_target='_blank' hover_opacity='' sonar_promo_effect='' sonar_promo_color='' sonar_promo_duration='1' sonar_promo_scale='' sonar_promo_opac='0.5' id='' custom_class='' template_class='' av_uid='av-6kq0ou' sc_version='1.0' admin_preview_bg='']
Dear Team,
I use CF7 and want to make the site visitors text entries bigger – see screenshot.I only found CSS codes making the field description fonts bigger.
Any help is much appreciated.
thx a lot & best regards Tilman
In reply to: Anchor links appear behind sticky header
Hi,
Thank you for the link to your site, I have reviewed your two pages and found that you are usingname="anchor"for your anchor links.
The name attribute on the a element is obsolete. For quite some time now using the ID as the anchor link has been the standard.<h3 id="anchor">
The name attribute will still work but the theme looks for ID anchor links and applies a offset to the scroll to account for the header, it also slows the scroll some so it’s not a hard jump to the element.
I adjusted your /data-protection/ page because there was only 4 links and so you could see the result.
So for example using your Individual Clients anchor, you had:
<h3><a style="font-size: 16px; background-image: url('img/anchor.gif');" name="individuals"></a>Individual Clients</h3>
but the correct method is:
<h3 id="individuals"><a style="font-size: 16px; background-image: url('img/anchor.gif');"></a>Individual Clients</h3>
Please clear your browser cache and review the page and apply the changes to your other pages.
Also I don’t know why you are usingbackground-image: url('img/anchor.gif');on your anchors it is making your site give 404 errors, I imagine that you copied this code from somewhere and didn’t include the image to your site, I recommend removing all of these from your site.Best regards,
MikeIn reply to: format tables
Hey schweg33,
Yes these can be formatted with css, do you plan on adding more items, I only see five links in a single column?
A basic example for this on this page only for color and font-size on desktop and mobile:@media only screen and (max-width: 767px) { #top.page-id-10827 .avia-table-1 li a { color: red; font-size: 30px; } } @media only screen and (min-width: 768px) { #top.page-id-10827 .avia-table-1 li a { color: blue; font-size: 40px; }Please adjust to suit.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
I imagine that you want the font-size to change for both before and after scroll so try this:#top #avia-menu .sub-menu a { font-size: 14px; font-weight: 600; }and to align the text to the top is addressed by removing the top padding:
#top #avia-menu .sub-menu a { padding-top: 0; }After applying the css, please clear your browser cache and check.
Best regards,
Mike -
This reply was modified 3 years ago by
