Hi Illingco,

Please try to replace the code I gave with this one:

#top #wrap_all .socket_color .av-subnav-menu .av-menu-button-colored>a .avia-menu-text {
    color: #fff;
    font-size: 12px;
    background-color: #404040;
    border: 2px solid white;
    border-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

#top .av-subnav-menu>li>a {
    background-color: transparent;
    margin: 0 6px;
    border: 0;
    color: white;
}

#top .av-subnav-menu>li>a:hover {
    opacity: 0.9;
}

Best regards,
Nikko

Hi woogie07,

1. Yes, it’s possible, please try to add the following on Enfold > General Styling > Quick CSS:

#top #wrap_all .avia-fullwidth-slider .avia-slideshow-button {
    font-size: 18px;
    padding: 20px;
}

Just adjust the values as you see fit.

2. I could see a vertical line on the left of the subhead on the fullwidth easyslider, is this already done? I’m not really sure I understood the question.

Best regards,
Nikko

Hi Illingco,

Please try to add this CSS code in Enfold > General Styling > Quick CSS: (just change the values as you see fit)

#top #wrap_all .socket_color .av-subnav-menu .av-menu-button-colored>a .avia-menu-text {
    color: white;
    font-size: 13px;
    background-color: blue;
    border: 2px solid black;
}

Best regards,
Nikko

Hi So Evolve,

I have checked for the rumble icon on fontello’s website unfortunately, I did not find any icon.
You will need to find it somewhere or you can try downloading it here: https://companieslogo.com/rumble/logo/ (I just found one here)
Then do the following Steps:
1. Please add this code in functions.php of your child theme or you can add it via a plugin called WPCode:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
    $icons['rumble'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue897');
    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['Rumble'] = 'rumble';
    return $icons;
}

add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

2. Go to Enfold > Social Profiles, then add Rumble and the link to your Rumble Channel.

3. Go to Header > Extra Elements > Header Social Icons and make sure to set to any value except No social Icons (at this point check the frontend of your site and see if it works properly)

4. Go to Media > Add New, then upload the rumble icon, (once uploaded) click the Copy URL to clipboard button.

5. Go to Enfold > General Styling > Quick CSS and add this CSS code:

#top #header .social_bookmarks .av-social-link-rumble a {
    background: url(rumble_image_url) center center no-repeat;
    background-size: contain;
}

#top #header .social_bookmarks .av-social-link-rumble a:before {
    display: none;
}

Just replace rumble_image_url with the URL you copied from the clipboard.
Hope this helps.

Best regards,
Nikko

Hi mescalytequila,

Please try to add this CSS code as well:

#top #wrap_all .price del {
    font-size: 32px;
    text-decoration-color: red;
    text-decoration-thickness: 4px;
}

Best regards,
Nikko

Hi markmade,

Please try to add this CSS code as well:

#top .avia-content-slider .slide-entry-excerpt .more-link:after {
    content: '\e88d';
    font-family: 'entypo-fontello';
    font-size: 18px;
    margin-left: 8px;
}

Best regards,
Nikko

Hi Tom,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

.main_color #submit, .main_color input[type='submit'] {
    background-color: #499F99;
    padding: 16px 20px;
    font-size: 15px;
    border-radius: 2px;
}

Best regards,
Nikko

Hi iosefo,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

#top #header #avia2-menu li {
    font-size: 14px;
}

Just adjust the font size value as you see fit.
Hope it helps.

Best regards,
Nikko

Hi martinvanderharst,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

#top .av-masonry-sort a {
    border-radius: 20px;
    padding: 9px 10px 7px;
    font-size: 13px;
    margin: 3px 4px;
    line-height: 1.2em;
    position: relative;
    font-weight: normal;
    text-align: center;
    color: white;
    background-color: #b22979;
}

#top .av-masonry-sort .text-sep {
    display: none;
}

#top .av-masonry-sort a:hover, 
#top .av-masonry-sort a.active_sort {
    background-color: #00a6d9;
}

Hope it helps.

Best regards,
Nikko