Hey Anna_Tewes,

Thank you for the inquiry.

Adding this css code should adjust the size of the post titles in the AJAX search container.

.av_ajax_search_title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2em;
}

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

Best regards,
Ismael

Hi,
Thanks for the feedback, I was not able to login, but your font-color: #65877f; is not correct you should use color: #65877f; and your min-hight: 180px; is misspelled try: min-height: 180px;
If you want the text in the button centered try using this css instead of yours:

#top #wrap_all .main_color .avia-color-theme-color.avia-slideshow-button {
    background: rgba(255,210,62,.75);
    color: #65877f;
    padding: 20px;
    min-width: 300px;
    min-height: 180px;
    border-radius: 15px;
    font-size: 20px;
    line-height: 20px;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience, I saw your widget area with your name and address and the text below it with the three links, and as I understood you wanted this to show in your mobile menu below the other menu items. I thought the best way would be to add these as menu items, so I added your name, email, address to one custom menu item and made the link your mailto email link and added line breaks between the items. I thought you would like this text to be a little smaller to distinguish it from the other menu items. I also added the other three links below it and three separate menu items. Then I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

@media only screen and (max-width: 767px) { 
	#av-burger-menu-ul .menu-item-22286 .avia-menu-text,
	#av-burger-menu-ul .menu-item-22287 .avia-menu-text,
	#av-burger-menu-ul .menu-item-22288 .avia-menu-text,
	#av-burger-menu-ul .menu-item-22289 .avia-menu-text {
		font-size: 18px;
        line-height: 18px;
        display: inline-block;
	}
    .html_av-overlay-full #top #wrap_all #av-burger-menu-ul .menu-item-22287,
	.html_av-overlay-full #top #wrap_all #av-burger-menu-ul .menu-item-22288,
	.html_av-overlay-full #top #wrap_all #av-burger-menu-ul .menu-item-22289 {
        line-height: 18px;
        padding: 0;
	}
}
@media only screen and (min-width: 768px) { 
	#top #wrap_all #avia-menu #menu-item-22286,
	#top #wrap_all #avia-menu #menu-item-22287,
	#top #wrap_all #avia-menu #menu-item-22288,
	#top #wrap_all #avia-menu #menu-item-22289 {
        display: none;
	}
}

this will hide this on desktop and show on mobile, please clear your browser cache and check and let us know if this is what you had in mind.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,

You could try this instead:

#footer p {
font-size: inherit !important;
}

Best regards,
Rikard

Hi,

This CSS in Quick CSS is overriding the settings:

/*Footer Font for Small Text about company*/
#top .all_colors p {
font-size: inherit !important;
}

Try removing or modifying it.

Best regards,
Rikard

Hey Nomad,
Thanks for the link to your example, but you can achieve this with a text element below a button element without any extra css:

You can change the font size and color of the text block in the style tab:

or change it with inline css in the text block.

Best regards,
Mike

Hey ballindigital,
Thanks for your patience and the link to your site, to make the Add to Basket button lager and change it’s style you can try some css like this:

#top.woocommerce-page .main_color .button[name=add-to-cart] {
	 background-color: #ffd1ed;
	 width: 200px;
	 font-size: 16px;
}

I’m not sure how you want to style the button, please explain further if you need more help with it.
#2 where on the page do you want the second Add to Basket button, in the Description?
#3 I don’t see a link to your example site, but even with only 4 images on mobile I don’t believe the info would be “above the fold” perhaps moving the images after the info on mobile would achieve what you would like? If so try this css:

@media only screen and (max-width: 767px) { 
  #top.single-product .product {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #top.single-product .single-product-main-image {
      order: 2 !important; 
  }
  #top.single-product .single-product-summary {
      order: 1 !important; 
  }
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike