Hey Jak73,
Try this in a code block element
<marquee>This text will scroll from right to left</marquee>
you will want to add some style for the font size and color, etc

Best regards,
Mike

Hey terishka1,

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

.sort_width_container .inner_sort_button span {
  font-size: 18px;
  color: red; 
}

.sort_width_container .inner_sort_button span:hover {
  color: blue; 
}

div.sort_by_cat {
  background: #262626;
}

Best regards,
Rikard

Hey onedesignprint,

Thank you for the inquiry.

The base css is overriding the advanced styling. We will forward the issue to our channel. For the meantime, please add this css code.

.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text {
    font-size: inherit;
}

Best regards,
Ismael

Hi,

Thanks for the update.

The font size of the h2 element is already set to 22px when we checked. The footer looks fine as well. We provided screenshots in the private field. Please make sure to purge the cache on your end or try to check it on a different browser.

Best regards,
Ismael

Hi,

You can use following code to set H2 font size to 22px

#top #wrap_all .all_colors h2 {
  font-size: 22px;
}

I still see it in correct size but if you do not see it after adding the code, you could try adding !important rule as following

#top #wrap_all .all_colors h2 {
  font-size: 22px !important;
}

Best regards,
Yigit

Hey,

Could you please try adding !important rule and check if that helps?

@media only screen and (max-width: 990px) { 
#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1 { font-size: 26px !important; }
}
@media only screen and (max-width: 767px) { 
#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1 { font-size: 22px !important; }
}
@media only screen and (max-width: 480px) { 
#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1 { font-size: 18px !important; } 
}

Cheers!
Yigit

Hey andrea,

Thank you for the inquiry.

You can define a minimum font size for the text layer in one of its style settings. Please edit the text layer, go to the Styles panel and look for the Min. Font Size and the Min. Mobile Font Size fields. You can also toggle the visibility of the layers on certain screen sizes.

Best regards,
Ismael

Hi,

1- Please use following code instead

@media only screen and (max-width: 990px) { 
#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1 { font-size: 26px; }
}
@media only screen and (max-width: 767px) { 
#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1 { font-size: 22px; }
}
@media only screen and (max-width: 480px) { 
#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1 { font-size: 18px; } 
}

2- Please click on the icons to set font size for different screen sizes – https://imgur.com/a/mZoQ9Z4

Regards,
Yigit

Hi,

1- Could you please post a link of your page so we can make sure we are providing accurate CSS code?

2- You can edit your element and click on the slide and go to Styling > Font Sizes to adjust responsive font size – https://imgur.com/a/ojH7j1N

Best regards,
Yigit

Hey,

Thanks for contacting us!

You can adjust responsive font sizes for Fullwidth Easy Slider in Enfold theme options > General Styling > Typography.
Typography settings do not override post titles so please use following custom CSS code

#top .fullsize .template-blog .post-title { font-size: 30px; } 
@media only screen and (max-width: 990px) { 
#top .fullsize .template-blog .post-title { font-size: 26px; }
}
@media only screen and (max-width: 767px) { 
#top .fullsize .template-blog .post-title { font-size: 22px; }
}
@media only screen and (max-width: 480px) { 
#top .fullsize .template-blog .post-title { font-size: 18px; } 
}

Best regards,
Yigit

Hi,
Thanks for the feedback I adjusted the script to this:

function custom_masonry_excerpt_button_script() { ?>
    <script>
var elements = new Array();
var elements = document.getElementsByClassName('av-masonry-entry-content');
for (var e = 0; e < elements.length; e++) {
    var newHTML = elements[e].innerHTML;
    newHTML = newHTML.replace('[buttoncode]','<span class="center-excerpt-button"><span class="avia-button avia-icon_select-yes-left-icon avia-size-large avia-position-center avia-color-theme-color"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">SEE MENU</span></span></span>');
    elements[e].innerHTML = newHTML;
};
</script>
    <?php
}
add_action('wp_footer', 'custom_masonry_excerpt_button_script');

and I added this css to center the buttons:

span.center-excerpt-button {
	display: flex;
    justify-content: center;
}

Please clear any cache plugin and your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, originally I was under the impression that we were talking about a portfolio item, so after testing the solution above was for a portfolio item, but I see that you are using a masonry element to show posts. I couldn’t find a similar solution for this, but I did find a plugin that works Shortcodes Anywhere or Everywhere if the In Post/Page Custom Fields option is used. I first tested this with a simple date shortcode, but using a button shortcode breaks the masonry element.
If you notice the whole masonry block, excerpt and image, is already linked to the item, so you can not add a button to the excerpt that includes a link.
I assume that you understand that this, so I came up with a different solution for you, I replaced your shortcode in the manual excerpt with this:
[buttoncode]
then I added this to your child theme functions.php

function custom_masonry_excerpt_button_script() { ?>
    <script>
var masonryExcerpt = document.querySelector(".av-masonry-entry-content.entry-content");
masonryExcerpt.innerHTML = masonryExcerpt.innerHTML.replace("[buttoncode]", '<span class="avia-button avia-icon_select-yes-left-icon avia-size-small avia-position-center avia-color-theme-color"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Click me</span></span>');
</script>
    <?php
}
add_action('wp_footer', 'custom_masonry_excerpt_button_script');

and now the button shows.
You can adjust the button html in the script above to suit, if you want help with this please post the button you want to use on a test page so I can copy the html and adjust the script for you.

Best regards,
Mike

Hi,
Thanks for sharing your script, there seems to be an error in my filter but I couldn’t find it so I removed it and adjusted the message script to use your MasTag and this seems to work fine, see the two links below.
You can remove the $('#av-masonry-1.projectgallery').addClass(MasTag); from your script as this is not needed, only the var MasTag is used for the message script to match the child element tags.
This is what is now in your functions.php, please check.

function empty_masonry_message_script() { ?>
    <script>
		(function($) {
			if( $('body.single-product').length || $('body.anotherclass').length ){
		var BreadTrail = $(location).attr("href");
		var BreadTrailx = BreadTrail.replace('https://staging.idgadvertising.com/tiletech/product/concrete-pavers/', '');
		BreadTrailx = BreadTrailx.replace(/\/$/, "");
		BreadTrailx = BreadTrailx.replace(/\//g,"-");
		console.log(BreadTrailx);
		
		if (BreadTrailx.indexOf("porcelain-pavers") >= 0) {
			var PageTitle = $('.rightside .av-special-heading h1.av-special-heading-tag').text();
		PageTitle = PageTitle.toLowerCase().replace(/ /g, '-');
	var MasTag = 'tag-'+PageTitle;
		console.log(MasTag);
		
		$('#av-masonry-1.projectgallery').addClass(MasTag);

		} else {
			
	var MasTag = 'tag-'+BreadTrailx;
		console.log(MasTag);
			
		$('#av-masonry-1.projectgallery').addClass(MasTag); }
		
}

var nocat = $('<div class="nocat">No Current Projects</div>').css({'text-align':'center','font-size': '20px'});
$('#av-masonry-1 .av-masonry-container.isotope a').each( function() {
if (!$(this).hasClass(MasTag)) {
  $(this).css({'display':'none'});
  
}
});
if($('#av-masonry-1 .av-masonry-container.isotope a').is(':hidden')){
	$(nocat).appendTo('#av-masonry-1');
}
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'empty_masonry_message_script');

Best regards,
Mike

Hey Bernhard,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust it as needed

#top .woocommerce .data-privacy span {
  font-size: 16px;
}

Best regards,
Yigit

Hi,

Thank you for the update.

Some of the images are actually smaller than the designated thumbnail, so they were not resized the same as the larger ones. The images should have the same aspect ratio and they should be of the same size.

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

.avia-content-slider .slide-entry-title {
    font-size: 0.9em;
    line-height: 1.4em;
    margin: 0;
    font-weight: 400;
}

Best regards,
Ismael

Hi,

Thank you for the info.

You may need to contact the script authors in order to modify the donation form and override the theme styles. For starters, you can add this code in the Quick CSS field to override the default contact form styles but the positioning of the form fields will still require some modifications.

#bbox-root {
    font-size: 13px;
}

#top .bbox-root .input-text, #top .bbox-root input[type="text"], #top .bbox-root input[type="input"], #top .bbox-root input[type="password"], #top .bbox-root input[type="email"], #top .bbox-root input[type="number"], #top .bbox-root input[type="url"], #top .bbox-root input[type="tel"], #top .bbox-root input[type="search"], #top textarea, #top select {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 4px 0;
    outline: none;
    font: 1em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    margin-bottom: 0;
    background: #fff;
    line-height: 1.4em;
    padding-left: 5px;
    display: inline;
    font-family: inherit;
    float: none;
    border-radius: 3px;
    width: 50%;
    max-width: 171px;
    margin-right: 4px;
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael