Viewing 30 results - 811 through 840 (of 18,727 total)
  • Author
    Search Results
  • #1434778

    Hello Team, thanks for your answers.

    Below the link to the dropbox folder. I hope this works.
    In the folder are 3 screenshots:
    – Bildschirmfoto Safari – looks perfect
    – Bildschirmfoto Firefox – the font “static” is not shown/correctly loaded.
    – Bildschirmfoto Google-Chrome: There you can see my second problem. On smaller screens – not small enough for tablet style – the menu overlaps the logo. I’ve read many threads but no solution for this problem. Can you give me a css to fix this? Or shall I open a new ticket for this problem?

    I’ve installed 2 different caching plugins. First the Speed Optimizer and after clearing the cache, the design was as worse as yesterday. The green backgrounds were gone and the size of the Static-Font was worse.
    Today it looks better but there is still the problem with firefox and google chrome.
    I deinstalled the speed optimizer and tested the WP fasted cache plugin –> my design got broken yesterday.
    I don’t know what went wrong. Maybe I did some settings in my enfold child theme (Website Performance and Optimization)… maybe something got wrong with CSS-compression or Java- compression… or with the lazy load of pictures / responsive images… Maybe the plugins weren’t compatible with that… Would you mind having a look at both settings… enfold and the Speed Optimizer and I give you the login to the website?
    My hosting partner recommended a caching plugin. He told me, siteground produces a lot of cache. Therefore I’d like to use a caching tool but I’m really afraid, the whole design will be gone again.

    Thanks :-)

    #1434716

    Hello Mike,
    thanks for your fast answer. I’ve done what was mentioned in this link. Inclusive clearing the history. Now the page looks as broken as on my mobile screen. The green background is gone and the font sizes aren’t shown correctly any more. Very strange.
    Do you have any idea?

    Thanks :)

    #1434708

    Hello Team,

    I have the same problem with 2 subpages of my website. The page “Das Gemüseabo” looks perfectly on mobile screens (http://wurzelauszwei.at/das-gemueseabo/). But the page “Der Markt” (http://wurzelauszwei.at/der-markt/) looks broken – same problem as Gatica mentioned. Just a blank white page with the text. The green background and correct font size is not shown. I checked the settings and compared them to the “das Gemüseabo” page – same settings. And on the “Ab-Feld-Verkauf” page, the heading font “Ab-Feld-Verkauf” (http://wurzelauszwei.at/ab-feld-verkauf/) is not shown correctly. The menu overlaps the font. But also the same style options as in “Das Gemüseabo”. I cleared the caches on my iPhone (software version iOS 17.3.1.) and also the Desktop Cache with the “WP fastest cache” Plugin.

    Could you please help me with this?

    Thanks

    #1434705
    xeovision
    Participant

    Hi,
    need to palce a caption below the image. Activate the caption in the image settings and use this css:

    .av-image-caption-overlay {
      bottom: -20px !important;
      font-size: 10px !important;
      height: auto !important;
      left: 50% !important;
      transform: translate(-50%) !important;
      width: 100% !important; 
      text-align: justify !important;
    }

    …works fine but when i activate the Lightbox, it dissapear.

    #1434697

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) {
    #top #wrap_all .avia-button {
      padding: 30px 30px 30px 30px !important;
      font-size: 20px;
    }
    }

    I’m looking at this button on your homepage as an example:
    Enfold_Support_4758.jpeg
    these are the correct buttons, right?
    If you have a missing bracket in your css somewhere it could cause issues for new css, so try adding the css to WordPress ▸ Customize ▸ Additional CSS and see if that makes a difference.

    Best regards,
    Mike

    #1434692

    Thanks,
    Unfortunately, that code does not seem to change the font size on any of my browsers in either landscape or portrait mode, even after clearing all browser history/caches etc., and clearing all caches in wordpress interface. I have also closed the browsers, restarted my phone, and made sure that everything is up to date.

    When I was just changing the padding, the changes took place immediately, even if I didn’t clear any caches/history.

    This doesn’t really make sense to me since your code looks just like other code y’all have provided.
    J

    #1434633

    Hi,

    Please try using this CSS instead to change the font size on mobile devices as well:

    @media only screen and (max-width: 767px) {
    .avia-button {
      padding: 30px 30px 30px 30px !important;
      font-size: 20px;
    }
    }

    Best regards,
    Rikard

    #1434624

    That works. I’ll use the Advanced Styling for the desktop sites and will use the quick css for the mobile devices.

    What would I add to the quick css for mobile devices to be able to change font size?

    J

    #1434601

    Oh, I just found that since changing the button size is just a matter of increasing padding, I can do that in Advanced Styling > Buttons > Padding Top/Bottom and Padding Left/Right.

    I can tweak font size there too so the button doesn’t look too large for the font.

    #1434529

    I removed the CSS since it didn’t affect the mobile display. Any idea why the Special Heading shows a different font on mobile and also on an iPad than on a laptop? By selecting the font in General Styling: Fonts, shouldn’t the font be the same on every device regardless of screen size?

    Were you able to see the different fonts on your mobile device compared to a laptop?

    #1434448
    gatehealing
    Participant

    Is there a way for me to change the size of all buttons on my website at once (vs going in to all 120 pages/posts and changing them manually)?

    J

    #1434437
    ryanchadek
    Participant

    Hi there, I just updated to the latest version of Enfold and our footer disappeared. In addition, I’m noticing some broken styles that should be applied from the child stylesheet.

    If we look back at an archived version of the site, you’ll notice a couple things:

    https://web.archive.org/web/20231205012337/https://neurosportsperformance.com/

    1. There is a working footer
    2. The “Call Us Today! 210-802-7760” in the header font size is much larger than it is now – and the color is not being applied correctly, as specified in the child stylesheet.

    I also created a staging site which was a clone of production and uploaded a fresh copy of the ‘enfold-child’ theme just to make sure.

    However, the footer is still missing in this instance.

    I’ve included login credentials in the Private Content.

    Can you please take a look and let me know how to resolve this?

    Let me know if you have any questions or need anything else. Thank you.

    #1434351

    Hi,

    Thank you for the update.

    You may need to adjust the breakpoint in the css media query above to target smaller screens. Please try this css code.

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      #top .grid-content h3 {
        font-size: 32px;
        text-align: center;
      }
    }

    Best regards,
    Ismael

    #1434321

    Hey Katja,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header_main .social_bookmarks li a:before {
      color: red;
      font-size: 10px;
    }

    Best regards,
    Rikard

    #1434297
    KittenAdmin
    Participant

    Hello,
    can you please tell me:
    how can I adress the fb and ig buttons in the headerline in order to change the font color and size by using css?

    I tried it, but I wasn’t able to do it correctly. :-/

    AND: How can I put the widgets in the right sidebar, when I use a color section to structure the content?

    Kind regards,
    Kati

    • This topic was modified 2 years, 1 month ago by KittenAdmin.
    #1434269

    Hey WorldinColor,

    Please try this to make the circle smaller:

    #top .iconbox.av-no-box .iconbox_icon {
      width: 50px;
      height: 50px;
      line-height: 50px;
    }

    This CSS is coming from your child, and it’s applying:

    .acme-iconbox .iconbox_icon {
      color: #f213f2;
      font-size: 20px !important;
    }

    Best regards,
    Rikard

    #1434263

    Hi,

    Thanks for the update. Please try this in Quick CSS in order to style the read more text:

    .av-fold-button-container {
      font-family: 'roboto', Helvetica, Arial, sans-serif;
      font-weight: 300;
      font-size: 24px !important;
    }

    Best regards,
    Rikard

    #1434257
    WorldinColor
    Participant

    I am trying to decrease the size of the circle (and icon) in the Icon Box. I was able to change the icon size by reviewing solutions for other support tickets. But the code I’m trying to use for circle size (from other support tickets) doesn’t seem to work . I’ve pasted below the Custom CSS classes I’m testing. Please take a look and let me know where my code is off. Thanks!

    /*Iconbox change – icon size, color and background changed – see icon with yellow circle. Circle didn’t change*/
    .acme-iconbox .iconbox_icon {
    color:#f213f2;
    background: #FFF387;
    padding: 10px;
    font-size: 20px!important;
    }

    /*Iconbox change – Only colors changed – see icon with green circle. No change to icon or circle size.*/
    .acme-small-iconbox .iconbox_icon {
    width: 20px;
    height: 20x;
    line-height: 20px;
    font-size: 15px;
    color:#FF2768;
    background: #1DC690;
    }

    #1434197
    MikeTandySwag
    Participant

    Hi,

    I have the font size set to this for my Portfolio Grid

    #top .grid-content h3{
    font-size:18px;
    text-align: center;

    }

    I tried doing this for mobile but it still showing extremely small on mobile devices.

    @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #top .grid-content h3{
    font-size:18px;
    text-align: center;

    }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1439px) {
    #top .grid-content h3{
    font-size:18px;
    text-align: center;

    }
    }

    How can I change the title font size on mobile devices?

    Thanks!

    #1434121

    The CSS in the guide includes

    /* Subtext styling */
    .logo .subtext h1 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    }
    ….

    Again, this is not applying when on full-width site but appears under @media only screen and (max-width: 767px) once I reach the appropraite resolution

    #1434047

    Hey Blaise,

    Thank you for the inquiry.

    There have been a few changes in the post meta info and the blog post elements, which might have caused the layout to change. To fix this, you can add the following css code to adjust the layout of the post meta info.

    #top .av-blog-meta-category-disabled .minor-meta.blog-categories, #top .av-blog-meta-category-disabled .text-sep-cat, #top .av-blog-meta-category-disabled .minor-meta.blog-categories, #top .av-blog-meta-category-disabled .text-sep-source {
      display: none;
    }
    
    #top .fullsize .template-blog .post-meta-infos .author {
      display: block;
      font-weight: 600;
    }

    Best regards,
    Ismael

    #1434018

    Almost! I’ve lost the green header with the addition of the new CSS. Also, in order to make this work, too, I had to stick it in the middle of my old CSS.

    /*Avia Table*/
    #top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child {border-color: #000;}

    #top .main_color .avia-data-table.avia_pricing_minimal td {color: #000; font-size: 15px;}

    #top .main_color .avia-data-table.avia_pricing_minimal. th {
    background-color: #70bf4f; color: white; text-align: left;
    }

    /*Avia Table Not Accepted Custom CSS for Red Header*/
    #top .main_color .avia-data-table.avia_pricing_minimal.not-accepted th {
    background-color: #FF0000; color: white; text-align: left;
    }

    table.avia_pricing_minimal td {
    text-align: left !important;
    }

    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left;
    }

    #1433960

    Am I allowed a second and related question?

    If I want to make the header (th) of the second table a different color like red, how would I modify the CSS? I currently have the CSS below to color the headers the same green #70bf4f.

    I added a custom class: not-accepted to the second table. Where do I add the custom class “.not-accepted” to the CSS below?

    The reason for this is because the tables work best in mobile if they are separate. Otherwise both headers stack first and then the data so it’s confusing for the user.

    /*Avia Table*/
    #top .avia-table td, #top .avia-table tr, #top .avia-table th, #top .avia-table tr th:first-child, #top .avia-table tr td:first-child {border-color: #000;}

    #top .main_color .avia-data-table.avia_pricing_minimal td {color: #000; font-size: 15px;}

    #top .main_color .avia-data-table.avia_pricing_minimal th {
    background-color: #70bf4f; color: white; text-align: left;
    }

    table.avia_pricing_minimal td {
    text-align: left !important;
    }

    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left;
    }

    • This reply was modified 2 years, 1 month ago by beverlystone. Reason: Additional details
    #1433892
    jeel147
    Participant

    hello, is there a way to adjust font size and line height in the posts-element ( where you show alle posts out of one category )?
    it uses quite a lot of space now and the font size is quite big
    and the pencil in front of the line….can i change that? either get rid of it or get a dot instead of it?

    best regards, jelle

    ——————
    oke…ive found the font size and the title, though the line- height does not seem to do much…
    ( i want the titles to come closer to each other)

    /* blog post element tekst managen */
    #top .flex_column .template-blog .post-title {
      font-size: 12pt;
    line-height: 12px;
    }
    • This topic was modified 2 years, 1 month ago by jeel147.
    • This topic was modified 2 years, 1 month ago by jeel147.
    #1433815

    Hi,

    Please try this CSS instead:

    .avia-promocontent h3 {
      font-size: 22px !important;
    }

    Best regards,
    Rikard

    #1433806

    Hi Rikard,
    Unfortunately nothing happens when I do that. Also try to use with 26px font-size in this code.
    Do you may be know another solution?

    ausgesonnen
    Participant

    Hi there,
    Could somebody please send me code that works? I used to make my websites with the7 and every answer they sent was spot on. I am really amazed how much code you send that just doesn’t work. ?!? Sorry to be so blunt but I am now running out of time.

    Please help with the following problem:
    Using the link below, please navigate to page “über mich”. At the bottom are 3 tables. In the desktop version they look ok now but in the mobile view they are messed up.

    Please send working code for the mobile version, so that:
    1. the dates are not displayed double
    2. no borders around all 3 tables, not just the top table
    3. the years are not spread over 2 lines
    4. the desktop version is unchanged by the new code

    Thanks

    The code that you have sent so far, that I have used and that works ok in the desktop view is this:

    #top .av-82qhko-49fd44439e70710ba9259a5b8656603c .avia-data-table {
    border: 0;
    padding: 10;
    }

    div .avia-table {
    background: transparent;

    }

    #top.page-id-472 #main .main_color .avia-data-table * {
    border: none;
    background-color: #fff;
    font-size: 18px;
    text-align: left;
    }

    #top.page-id-472 .main_color .avia-data-table.avia_pricing_minimal th {
    color: #666666;
    width: 15%;
    }

    #top.page-id-472 .av-hriqo-df64f73a2229a5a484cc56fae9caca2e .avia-data-table td:before {
    display: none;
    }

    .av-hriqo-df64f73a2229a5a484cc56fae9caca2e table tr th {
    width: 20%;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    background-color: #000000;
    padding: 8px;
    }

    • This topic was modified 2 years, 1 month ago by ausgesonnen.
    #1433715

    Hi,

    Please try this CSS as well:

    .avia-promocontent h3 {
      font-size: 22px;
    }

    Best regards,
    Rikard

    #1433702

    Hi Ismael,

    the masonry of the portfolio pages are back again.
    The archive pages still don’t show a masonry grid.
    In the new archive code I see twice a line that starts with “$atts =array ( …”.
    Maybe this produces a conflict?

    
    <?php
    	if( ! defined( 'ABSPATH' ) ) { die(); }
    
    	global $avia_config, $more;
    
    	/*
    	 * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory.
    	 */
    	get_header();
    
    	$showheader = true;
    
    	if( avia_get_option( 'frontpage' ) && $blogpage_id = avia_get_option( 'blogpage' ) )
    	{
    		if( get_post_meta( $blogpage_id, 'header', true ) == 'no' )
    		{
    			$showheader = false;
    		}
    	}
    
    	if( $showheader )
    	{
    		echo avia_title( array( 'title' => avia_which_archive() ) );
    	}
    
    	do_action( 'ava_after_main_title' );
    
    	?>
    
    		<div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?>'>
    
    			<div class='container template-blog '>
    
    				<main class='content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper( array( 'context' => 'content', 'post_type' => 'post' ) );?>>
    
    					<?php
    
    					$tds = term_description();
    					if( $tds )
    					{
    						echo "<div class='category-term-description'>{$tds}</div>";
    					}
    
    					$avia_config['blog_style'] = apply_filters( 'avf_blog_style', avia_get_option( 'blog_style', 'multi-big' ), 'archive' );
    
    					if( $avia_config['blog_style'] == 'blog-grid' )
    					{
    						global $posts;
    
    						$post_ids = array();
    						foreach( $posts as $post )
    						{
    							$post_ids[] = $post->ID;
    						}
    
    						if( ! empty( $post_ids ) )
    						{
    							$atts = array(
    										'type'			=> 'grid',
    										'items'			=> get_option( 'posts_per_page' ),
    										'columns'		=> 3,
    										'class'			=> 'avia-builder-el-no-sibling',
    										'paginate'		=> 'yes',
    										'use_main_query_pagination' => 'yes',
    										'custom_query'	=> array(
    																'post__in'	=> $post_ids,
    																'post_type'	=> get_post_types()
    															)
    									);
    
    							/**
    							 * @since 4.5.5
    							 * @return array
    							 */
    							$atts = apply_filters( 'avf_post_slider_args', $atts, 'archive' );
    
    							$atts =array (
    				'link' => 
    				array (
    				  0 => 'category',
    				),
    				'term_rel' => 'IN',
    				'wc_prod_visible' => '',
    				'wc_prod_hidden' => 'hide',
    				'wc_prod_featured' => '',
    				'prod_order_by' => '',
    				'prod_order' => '',
    				'date_filter' => '',
    				'date_filter_start' => '',
    				'date_filter_end' => '',
    				'date_filter_format' => 'yy/mm/dd',
    				'period_filter_unit_1' => '1',
    				'period_filter_unit_2' => 'year',
    				'page_element_filter' => '',
    				'sort' => 'yes',
    				'query_orderby' => 'date',
    				'query_order' => 'DESC',
    				'caption_elements' => 'title excerpt',
    				'caption_styling' => '',
    				'caption_display' => 'always',
    				'img_copyright' => '',
    				'size' => 'fixed masonry',
    				'orientation' => '',
    				'image_size' => 'masonry',
    				'gap' => '1px',
    				'columns' => 'flexible',
    				'av-desktop-columns' => '',
    				'av-medium-columns' => '',
    				'av-small-columns' => '',
    				'av-mini-columns' => '',
    				'items' => '12',
    				'paginate' => 'none',
    				'color' => '',
    				'custom_bg' => '',
    				'img_copyright_font' => '',
    				'av-desktop-font-img_copyright_font' => '',
    				'av-medium-font-img_copyright_font' => '',
    				'av-small-font-img_copyright_font' => '',
    				'av-mini-font-img_copyright_font' => '',
    				'img_copyright_color' => '',
    				'img_copyright_bg' => '',
    				'animation' => 'active',
    				'animation_duration' => '',
    				'animation_custom_bg_color' => '',
    				'animation_custom_bg_color_multi_list' => '',
    				'animation_z_index_curtain' => '100',
    				'overlay_fx' => 'active',
    				'img_scrset' => '',
    				'lazy_loading' => 'disabled',
    				'av-desktop-hide' => '',
    				'av-medium-hide' => '',
    				'av-small-hide' => '',
    				'av-mini-hide' => '',
    				'alb_description' => '',
    				'id' => '',
    				'custom_class' => '',
    				'template_class' => '',
    				'element_template' => '',
    				'one_element_template' => '',
    				'show_locked_options_fakeArg' => '',
    				'av_uid' => 'av-3lh7ch',
    				'sc_version' => '1.0',
    				'ids' => false,
    				'action' => false,
    				'post_type' => 
    				array (
    				  'post' => 'post',
    				  'page' => 'page',
    				  'attachment' => 'attachment',
    				  'revision' => 'revision',
    				  'nav_menu_item' => 'nav_menu_item',
    				  'custom_css' => 'custom_css',
    				  'customize_changeset' => 'customize_changeset',
    				  'oembed_cache' => 'oembed_cache',
    				  'user_request' => 'user_request',
    				  'wp_block' => 'wp_block',
    				  'wp_template' => 'wp_template',
    				  'wp_template_part' => 'wp_template_part',
    				  'wp_global_styles' => 'wp_global_styles',
    				  'wp_navigation' => 'wp_navigation',
    				  'acf-taxonomy' => 'acf-taxonomy',
    				  'acf-post-type' => 'acf-post-type',
    				  'acf-field-group' => 'acf-field-group',
    				  'acf-field' => 'acf-field',
    				  'product' => 'product',
    				  'product_variation' => 'product_variation',
    				  'shop_order' => 'shop_order',
    				  'shop_order_refund' => 'shop_order_refund',
    				  'shop_coupon' => 'shop_coupon',
    				  'shop_order_placehold' => 'shop_order_placehold',
    				  'alb_elements' => 'alb_elements',
    				  'alb_custom_layout' => 'alb_custom_layout',
    				  'rm_content_editor' => 'rm_content_editor',
    				  'portfolio' => 'portfolio',
    				  'avia_framework_post' => 'avia_framework_post',
    				),
    				'offset' => 0,
    				'container_links' => 'active',
    				'link_dest' => '',
    				'lightbox_text' => '',
    				'container_class' => 'av-masonry-entries',
    				'auto_ratio' => 1.7,
    				'set_breadcrumb' => true,
    				'custom_markup' => '',
    				'taxonomy' => 'category',
    				'categories' => 
    				array (
    				),
    			);
    
    	        $blog = new avia_masonry($atts);
    			$blog->get_element_styles();
    			$blog->query_entries();
    
    	        echo '<div class="entry-content-wrapper">' . $blog->html() . '</div>';
    						}
    						else
    						{
    							get_template_part( 'includes/loop', 'index' );
    						}
    					}
    					else
    					{
    						/* Run the loop to output the posts.
    						 * If you want to overload this in a child theme then include a file
    						 * called loop-index.php and that will be used instead.
    						 */
    						$more = 0;
    						get_template_part( 'includes/loop', 'index' );
    					}
                        ?>
    
    				<!--end content-->
    				</main>
    
    				<?php
    
    				//get the sidebar
                    if( avia_get_option( 'archive_sidebar' ) == 'archive_sidebar_separate' )
    				{
                        $avia_config['currently_viewing'] = 'archive';
                    }
                    else
    				{
                        $avia_config['currently_viewing'] = 'blog';
                    }
    
    				get_sidebar();
    
    				?>
    
    			</div><!--end container-->
    
    		</div><!-- close default .container_wrap element -->
    
    <?php
    		get_footer();
    

    Best regards,
    Vera

    • This reply was modified 2 years, 1 month ago by Vera.
    #1433681

    Hi,
    You could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
    #top #wrap_all .all_colors #av_section_1 h1 {
        font-size: 35px;
    }
    }

    It will make the H1 text at the top of the page linked below 35px on mobile instead of the 65px that it is now on desktop.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

Viewing 30 results - 811 through 840 (of 18,727 total)