Hey Heathcliffe,
I tried to duplicate what you explained above, but I made my color sections have a background color so I could see the space in mobile. Here is my results with just the two color sections:

and here is when I added a a short separator between the color sections:

So as you see in the first screenshot the two color sections have no gap, and in the second screenshot the short separator has a top & bottom padding of 50px, giving a gap.
Is this what you mean?

Best regards,
Mike

Hi,
I took a look at your footer widget titles and adjusted your css to:

#footer h3.widgettitle {
  font-weight:bold;
}

and it is now showing as font-weight 700, which is bold.
I notice that your font, Raleway, doesn’t display the bold font-weight very well, so I added this rule:

text-shadow: 1px 0 0 currentColor;

To make it a little “bolder”
Please clear your browser cache and check.

Best regards,
Mike

Hey soundstrat,
The color of your text is the same as your button on mouse-over, Please try this code in the General Styling > Quick CSS field:

#top #header .av-main-nav > li:hover > a .avia-menu-text {
color: #fff !important;
}

This will change it to white, or feel free to adjust to suit.

Best regards,
Mike

Hi,
I took a look at your page and found that you are using Enfold version 4.0.7, please update to v4.4.1
Please update the theme via FTP, look for the “enfold” folder at /wp-content/themes/enfold/ and rename to “enfold-old” then upload the new version as the folder “enfold”
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
Once you have cleared your browser cache and tested that your site is working correctly, you can delete the old folder “enfold-old”.
If for some reason you want to go back to the old version, simply remove the new folder and change the name of “enfold-old” back to “enfold”

Best regards,
Mike

Hey Marie-Claude,
Please try this code in the General Styling > Quick CSS field:

.av-masonry-sort {
line-height: 16px !important; 
}

Please adjust to suit

Best regards,
Mike

Hi,
I took a look at your shop, but I didn’t find any items with a sale price, please link to the item with this issue, so we can assist.

Best regards,
Mike

Hey Blue_Bear,
Try adding this code to the end of your functions.php file in Appearance > Editor:

function move_price(){
  ?>
  <script>
  jQuery(window).load(function(){
jQuery( '.single-product.woocommerce-page' ).each(function() {
jQuery( this ).find( '.av-woo-purchase-button .woocommerce-Price-amount' ).insertBefore( jQuery(this).find('.special-heading-border') );
});
});
  </script>
  <?php
  }
  add_action('wp_footer', 'move_price');

Then try adding this code in the General Styling > Quick CSS field:

.single-product.woocommerce-page .av-special-heading-h3 h3.av-special-heading-tag  {
padding-bottom: 20px !important;
}

Please see the screenshot in Private Content area for the expected results.

Best regards,
Mike

Hi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Please try looking in the sidebar of your editor under Layout > Header visibility and transparency and choose the option “no transparency”

Best regards,
Mike

Hi,
Thank you for the login, I believe it would be better to use a image as a burger menu item so there won’t be these issues.
Please try this example code in the General Styling > Quick CSS field:

.av-hamburger::before {
    content: url(https://s6.postimg.cc/hw8mmus4h/icons8-menu-filled-50.png);
    display: block;
    padding-top: 5px;
}
.av-hamburger-inner {display:none!important;}

If you like this icon you can save it to your site and change the url above to point to it, otherwise you could find a new icon to use instead. I found this icon at: https://icons8.com/icon/set/menu/all

Best regards,
Mike

Hi,
Glad to hear that using the br code will work for you. I added this css to change the color of your hr:

.av_textblock_section .avia_textblock hr {
    border: solid #00a0a3 !important; 
    border-width: 1px 0 0 !important; 
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
The 6px is the padding for top & bottom, and the 0px is for left & right, so each line has it’s line height, plus a 6px padding for the bottom, and the next line has a 6px for the top plus it’s line height.
But the bullet line itself doesn’t add this padding when it is very long and wraps to a second line, in that case it’s only the line height.
I hope this makes sense.

I did a lot of research into the line brakes and found that the text element will not support these line brakes
I tested many “solutions” and the only one that works is to switch to the text tab and add this code:

<br class="custom-break" />

But I didn’t think you would want to do that, so I came up with a different solution. You could add the HR from the expanded toolbar, and we could add a css rule that whenever it is used inside the text element it will be transparent. This way if you want to use the HR element from the builder between other elements it will show.


This is the code we would add to your Quick CSS:

.av_textblock_section .avia_textblock hr {
    border: none transparent !important; 
}

We could also adjust the thickness of it to suit your needs.

Best regards,
Mike

Hi,
The spacing was created with this css:

.avia_textblock li {
padding: 6px 0px !important;
}

which adds top and bottom padding to the list lines. The code is in your Quick CSS and you can change it any time.
I will have to look into the extra [return] issue feather.

Best regards,
Mike

Hi,
I tried logging in, but I received an error that a Authentication Code has been to an email address.
Please disable this security check, so we can login to your site.

Best regards,
Mike

Hi,
Perhaps the Quick CSS rules need more specificity of the classes and ID’s, ending your rules with “!important;” also helps.
I recommend using a child theme for more reasons than css, such as adding filters and actions in the functions.php
If you are having problems with a certain css rule, we will be happy to look at it for you.

Best regards,
Mike