Hey Rgrant74,
Try this code in the General Styling > Quick CSS field:

h2.woocommerce-loop-product__title {
font-size: 20px !important;
}
.inner_product .thumbnail_container img {
    margin: auto !important; 
    width: 50% !important; 
}

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

Best regards,
Mike

Hey hylandgraphics,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
.avia-slideshow-button {
display: none !important;
}
}

Best regards,
Mike

Hey refresh305,
Each time that you install a demo the old content and layout is overwritten. One way around this is to install a localhost version of wordpress with enfold and Enable Avia Layout Builder Debug this will allow you to copy the shortcodes from the pages and demos to use elsewhere.
You can save the shortcodes to a text file, then paste the sections you want to use on the page you are building.

Another option is to install the landing page demo and make your changes, I’m really not seeing the medical demo elements in your mockup. After the header, it looks as a couple of color sections with images and text, and some text box elements.

Best regards,
Mike

Hey Stefan,
Please try the plugin Say what?
When activated, it asks for:
1: Original string — text you are translating.
2: Text domain — woocommerce
3: Text you want to display

Here’s some more info on this:
https://plugins.leewillis.co.uk/doc_post/replacing-wordpress-strings-context/

Best regards,
Mike

Hi,
Which webhost are you using?
I was able to login, if you provide ftp access we can try a manual install of the demo.

Best regards,
Mike

Hey bsahagian,
I suspect this could be a plug conflict, Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
I also see you are using Enfold v4.07, please consider upgrading to v4.4.1

Best regards,
Mike

Hi,
To make the removal of date and comments universal, change the css to look like this:

.slide-meta { display: none !important; }

About the css places:
1: The child theme style.css, in the WordPress > Appearance > Editor > Child Theme > Stylesheet is recommended for your css to keep your child theme complete and in one place. But with the merged css feature of the theme you may need to rebuild the merged files for your css to show after adding code there. To do this simply save your theme settings with the big blue button “Save all changes”
2: The Quick CSS is very easy to use and handy for sites that don’t use a child theme, and sites that do. Many use this because they only have a couple of code snippets. When you save the code here the merged files are updated automatically.
3: The WordPress > Customize > Additional CSS is a WordPress feature, but works very well, it’s the last stylesheet loaded by the site so it will easily overwrite any tough css changes, plus it offers good error checking which could help you ensure your code is right. The only downside is that code here will stay in effect if you change themes, until you remove it. But you’ll never do that, right? :)

For your custom menu I gave it a try, but it adds a background color to your category page, see if you like it.

Best regards,
Mike

Hi,
Thank you for the site login, I was able to login.
I was not able to login though ftp I used the new IP address and user, but got an error for the password, please check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I fixed your css to remove the grid comment count and date.
To change your category pages to a grid style I added this function to your child theme functions.php:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'blog-grid';
return $layout;
}

Now you can choose if you want a sidebar on the category pages at Enfold Theme Options > Sidebar Settings > Sidebar on Archive Pages
I then added your sub-menu to your category pages with this function in your functions.php:

add_action('ava_after_main_title', 'ava_after_main_title_mod_category');
function ava_after_main_title_mod_category() {
	if(is_archive()) {
		echo do_shortcode("[av_submenu which_menu='center' menu='' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2'] [av_submenu_item title='Menu Item 3']
[/av_submenu]");
	}
}

You will notice in your functions.php you have two sets of similar functions for the sub-menu, one for single posts and one for archives (categories) they are well marked, should you want to change which menu shows on each.

For your banner image at the top of your category pages, do you want this to be the same image for all categories, or a different image for each category?
One option is this plugin: Categories Images

Best regards,
Mike

Hi,
Here is a working example, note that the color of the menu items are white, (first rule) unless it has the class “current-menu-item” in which it will be black, (second rule)

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #fff !important; 
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul .current-menu-item a {
    color: #000 !important; 
}

If you already have similar code in your css, use the above to help make the changes, if you don’t have anything similar yet, then go ahead and add the above css.

Best regards,
Mike

Hi,
Sorry, the statement doesn’t make sense, but it will be good to see your files and site when it’s on the troubleshooting server.
I see your logins above, and I was able to login to the site & ftp.
This is for the live site, correct? I see it is using PHP v5.3

Let us know when you have the troubleshooting server running and the login details for it in the Private Content area, so we can assist with a theme update on it.

Best regards,
Mike

Hi,
You mean the cache of your browser, right?
Try incognito or in-private mode.
Please see screenshots in Private Content area.

Best regards,
Mike

Hi,
Instead of using the active state, try using the “current-menu-item” class, and try putting the border around the “li” like this:

.avia-menu li:hover {border: 1px solid #ffffff!important;  border-radius:100px !important; }
.avia-menu li.current-menu-item {border: 1px solid #ffffff!important;  border-radius:100px !important; }

Is this the style you are looking for?
Here is a similar project that perhaps some of the code will be helpful:

Best regards,
Mike

Hi,
Glad to hear you have it sorted out, unless there is anything else we can help with, shall we close this then?

Best regards,
Mike