Hi,

You should be able to keep your settings in Advanced Styling and use this CSS instead:

.page-id-535 #av_section_3 .av_one_fifth .avia_textblock {
  font-size: 12px !important;
}

The diagonal border is covering your button, do you want to make the section wider, or remove the padding on top of it?

Best regards,
Rikard

Hi,

Sorry for the late response.

1.) Are you referring to the base shop page or the actual product view? A link to the site will help. For the meantime, you can use this css code to adjust the style of the product price.

top .price, #top .price span, #top del, #top ins {
    display: inline;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
}

2.) This is possible, but you have to modify or override the plugin templates as described in the documentation.

// https://docs.woocommerce.com/document/template-structure/

3.) The height of the item usually depends on the size of the image, but we can use css to adjust it. You can also adjust the thumbnail size and aspect ratio in the Appearance > Customize > Woocommerce > Product Images panel.

4.) Yes, that’s possible. You can use this css code to adjust the container of the featured image.

.single-product-main-image {
	width: 50%;
	float: left;
	margin-right: 50px;
	overflow: hidden;
	padding-bottom: 50px;
}

We always advice users to post their inquiries on separate threads or tickets instead of posting multiple ones in a single thread like this. The response time is usually faster that way and prevents confusion in our part and yours.

Best regards,
Ismael

Hi,

Thanks for the update. Please try this CSS as well:

#top #header_meta .phone-info span {
  font-size: 18px;
}

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.page-id-535 #av_section_3 .av_one_fifth .avia_textblock {
  font-size: 12px;
}

Best regards,
Rikard

Hey,

Thanks for contacting us!

1- You can go to Enfold theme options > Header > Header Size and increase it. Your logo would adapt to header height.
2- Please go to Enfold theme options > Advanced Styling and edit “Main menu links” and increase font size :)

Cheers!
Yigit

Hey weddingsetgo,

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

#top #header_meta li a {
  font-size: 18px;
}

Best regards,
Rikard

Hi,

Please try this CSS to change the font size:

.phone-info span {
  font-size: 30px; 
}

And this to change the background colour:

#top .av_header_transparency #header_meta {
    background: red;
}

Best regards,
Rikard

Hey Justin,

You have this in your child theme CSS:

.avia-slideshow-arrows a:before {
    border-radius: 0px;
    border-width: 2px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
    text-transform: uppercase;
}

Please try changing it to this instead:

.avia-slideshow-arrows a:before {
    border-radius: 0px;
    border-width: 2px;
    padding-left: 30px;
    padding-right: 50px;
    padding-top: 0;
    padding-bottom: 25px;
    font-size: 14px;
    text-transform: uppercase;
}

Best regards,
Rikard

Hi Helen,

Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

#menu-item-5349 .avia_mega_div .sub-menu li a {
  font-size: 15px;
  color: red;
}

Best regards,
Rikard

Hey micha_media,
Sorry for the late reply, I have examined your page and found with your grid row container (q:1) you are using two elements with the same ID, one with 1/2 columns and the other with 1/3 columns, so based on the Element Visibility options you have set you seem to want the 1/2 columns to show stacked for 768px (iPad/Tablet) if so Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home #wrap_all #kontaktelement_1.av-desktop-hide.av-small-hide.av-mini-hide .no_margin.av_one_half {
    width: 100% !important; 
    display: block !important; 
}
#top.home #wrap_all #kontaktelement_1.av-desktop-hide.av-small-hide.av-mini-hide .no_margin.av_one_half > .flex_cell_inner {
	    transform: translate(25%, 100%);
}

After applying the css, Please clear your browser cache and check.
For (q:2) please try this css:

@media only screen and (min-width: 767px) and (max-width: 770px) { 
#top.page-id-123 #av-masonry-1 h3.av-masonry-entry-title.entry-title {
	    font-size: 20px!important;
}
}

the font-size was set by your child theme to 26px, so 20px seems to work well, but feel free to adjust to suit.
For (q:3) please enable the two articles for 768px so we can adjust.

Best regards,
Mike

Hi,
Thanks for your css, I added a flat png image to each one, please try added this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

/* Tab 1 */
.av-accordion-bg-multi .av_toggle_section:nth-child(1) .toggler {
background: #ffb600;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(1) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/bird--v1.png);
padding-right: 5px;
}
/* Tab 2 */
.av-accordion-bg-multi .av_toggle_section:nth-child(2) .toggler {
background: #ee7623;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(2) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/falcon.png
);
padding-right: 5px;
}
/* Tab 3 */
.av-accordion-bg-multi .av_toggle_section:nth-child(3) .toggler {
background: #d50037;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(3) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/owl--v1.png
);
padding-right: 5px;
}
/* Tab 4 */
.av-accordion-bg-multi .av_toggle_section:nth-child(4) .toggler {
background: #e64783;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(4) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/pinguin--v1.png
);
padding-right: 5px;
}
/* Tab 5 */
.av-accordion-bg-multi .av_toggle_section:nth-child(5) .toggler {
background: #923a7f;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(5) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/unicorn.png
);
padding-right: 5px;
}
/* Tab 6 */
.av-accordion-bg-multi .av_toggle_section:nth-child(6) .toggler {
background: #0071ce;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(6) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/stork.png
);
padding-right: 5px;
}
/* Tab 7 */
.av-accordion-bg-multi .av_toggle_section:nth-child(7) .toggler {
background: #00a6ce;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(7) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/butterfly--v1.png
);
padding-right: 5px;
}
/* Tab 8 */
.av-accordion-bg-multi .av_toggle_section:nth-child(8) .toggler {
background: #37b30e;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(8) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/insect--v1.png
);
padding-right: 5px;
}
/* Tab 9 */
.av-accordion-bg-multi .av_toggle_section:nth-child(9) .toggler {
background: #129605;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(9) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/pig--v1.png
);
padding-right: 5px;
}
/* Tab 10 */
.av-accordion-bg-multi .av_toggle_section:nth-child(10) .toggler {
background: #5b6670;
}
.av-accordion-bg-multi .av_toggle_section:nth-child(10) .toggler:before {
content: url(https://img.icons8.com/flat_round/20/000000/panda--v1.png
);
padding-right: 5px;
}
/* Tab title color */
.av-accordion-bg-multi .toggler,
.av-accordion-bg-multi .toggler.activeTitle:hover {
color: #FFF;
border:none;
}
/* Hide default icon */
.av-accordion-bg-multi .toggle_icon {
display: none;
}
.av-accordion-bg-multi .toggler {
padding-left:20px;
font-size: 18px;
font-weight: bolder;
}
/*Toggle content area */
.av-accordion-bg-multi .toggle_content {
background: #f2f6fa;
}

and adjust the images to what you want to use, After applying the css, Please clear your browser cache and check.
Expected results:

Best regards,
Mike

Hi,
Thank you for your feedback, lets try something different, using the shortcode wand get the shortcode for a icon like this:

[av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='center' color='' link='' linktarget='' animation='' id='' custom_class='' av_uid='' admin_preview_bg=''][/av_font_icon]

and enter it into a menu “Navigation Label” replacing the menu title like this:

Then assuming this is #menu-item-3274 we will add this Quick CSS to add the title under the icon:

#menu-item-3274 span.av-icon-char::after {
  content: "Home";
  font-size: 10px !important;
  display: block;
  line-height: 1px;
}

#menu-item-3274 > a > span.avia-menu-text > span {
   line-height: 40px;
}

Since your menu is much larger the css may be a little different, can you include an admin login so we can adjust this for your site?

Best regards,
Mike

Hi,
To change the hover background-color, & font-color & font-size, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page #nav_menu-2 #menu-produtos li a:hover {
	background-color: #f8f8f8;
}
#top.page #nav_menu-2 #menu-produtos li a {
	color: #222;
	font-size: 15px;
}

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

Best regards,
Mike