Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 24, 2017 at 6:58 am #765939
    theplattrust

    Hi there
    Ive tried using this css code to increase the size of the name/company text of the testimonial, but it doesn’t seem to be having any effect at all. Could someone please help me?

    `.avia-testimonial-subtitle {
    font-size: 24px !important;
    }

    March 24, 2017 at 7:04 am #765949
    John Torvik

    Hey Tim,

    Please, Id like to take a look on your site, may you share with me your website link thats occurring, please?

    Best regards,
    John Torvik

    March 24, 2017 at 7:05 am #765950
    theplattrust

    Thanks for the quick reply:

    website listed below

    March 24, 2017 at 7:14 am #765957
    John Torvik

    Hi,

    You need to add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

    
.avia-testimonial-name {
  font-size: 24px !important;
}

    Best regards,
    John Torvik

    March 24, 2017 at 7:19 am #765961
    theplattrust

    Ive added that now, but it still doesn’t seem to have any effect at all?

    March 25, 2017 at 6:22 am #766492
    Rikard

    Hi,

    Try this instead, it works when I test it in the browser. Don’t forget to clear your browser cache and reload after you have added it.

    strong.avia-testimonial-name {
    font-size: 20px !important;
}

    Best regards,
    Rikard

    March 27, 2017 at 12:30 am #767103
    theplattrust

    Thanks,

    I have added that code, and have cleared the cache but the text is still not bigger? I have checked the website in chrome and in safari and it hasn’t taken effect? Not sure why this is happening, but maybe is there something in my other custom css that is interfering with it?

    
.main_menu ul:first-child > li > a { font-size: 25px; }

#top .social_bookmarks li a { font-size: 25px; }

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['icon_name']	 = array( 'font' =>'fontello', 'icon' => 'ue800');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['Icon Label'] = 'icon_name';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

strong.avia-testimonial-name {
   font-size: 20px !important;
}
    March 27, 2017 at 4:13 am #767157
    Nikko

    Hi,

    You need to put the codes in different files/locations, the css code should be added in Quick CSS (located in Enfold > Styling) or your custom css file like style.css of your child theme:

    .main_menu ul:first-child > li > a { 
    font-size: 25px; 
}

#top .social_bookmarks li a { 
    font-size: 25px; 
}

strong.avia-testimonial-name {
   font-size: 20px !important;
}

    These codes should go to functions.php:

    // Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['icon_name']	 = array( 'font' =>'fontello', 'icon' => 'ue800');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['Icon Label'] = 'icon_name';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.