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

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

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

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

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

Hi,

Please try this CSS instead:

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

Best regards,
Rikard

Hi,

Please try this CSS as well:

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

Best regards,
Rikard

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

Hi,

Thank you for the info.

Please remove the filter in the functions.php file and replace the modification in the archive.php file with the following:

$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>';

Also, you have to make sure that Grid Layout is selected in the Enfold > Blog Layout > Blog Layout settings.

Best regards,
Ismael

Hi,
Do you want a different font sizes for the text in your topbar or do you mean for a text element on your page?
The “Font sizes” – “Textblock Font Sizes” and changing smaller screens settings should work if it is in a text element on your page.
Try disabling any caching plugins and check again. Also note that if you have set the font size in the Enfold Theme Options ▸ Advanced Styling, or with custom css, this may override the element setting.
If this doesn’t help please include an admin login in the Private Content area and tell us which text block you are working on so we can check.

Best regards,
Mike

Hey JoStudioDeRijp,

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

.avia-promocontent p {
  font-size: 16px;
}

Best regards,
Rikard

Hi,

Sorry, this should do it:

.page-id-1547 h2 {
  font-size: 40px !important;
}

Best regards,
Rikard

Hey Munford,

Please try this CSS instead:

.page-id-1547 h2 {
  font-size: 40px!important;
}

Best regards,
Rikard

• This reply was modified 2 years ago by Rikard.

Hey Qgrafica_7,

Thank you for the inquiry.

You can use the following css code to adjust the style of the sorting buttons.

#top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat a, #top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat .text-sep {
    color: red;
    margin-right: 10px;
    font-size: 20px;
}

#top .av-sort-yes-tax .sort_by_cat a:hover {
    color: blue;
}

Best regards,
Ismael

Hey Yaphoon,

Thank you for the inquiry.

You can use this css code to adjust the style of the masonry title.

.av-masonry-entry .av-masonry-entry-title {
    line-height: 1.3em;
    margin: 0;
    font-size: 20px;
    font-family: Verdana;
}

To adjust the hover color of the menu button, add this.

#top #wrap_all .header_color #menu-item-174:hover > a .avia-menu-text {
    background-color: #3f75e9;
    color: #ffffff;
    border-color: #3f59e9;
}

And to adjust the size of the images in the archive pages, you have to edit the enfold/taxonomy-portfolio_entries.php and adjust the parameters in the avia_post_grid instance around line 38.

$grid = new avia_post_grid(
										array(
											'linking'			=> '',
											'columns'			=> '3',
											'contents'			=> 'title',
											'sort'				=> 'no',
											'paginate'			=> 'yes',
											'set_breadcrumb'	=> false,
											'preview_mode' => 'custom',
											'image_size' => 'full'
										));

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,
Ismael