Menu Formatting + Product Profile Image Size + Category Page

[tylergibbons93]

Hi There,

First off, i just want to say I love your template…I feel like this is going to work perfectly with my website redesign.

I just have a few questions.

1) Menu Formatting.(i’ve attached screenshot) On your sample site, when you hover over elements…the spacing, sizing and dividers show up. When I try to do that on mine, when you hover over Shop…it is all weird and doesnt show any dividers. Would you mind taking a look at that for me? I’ve played around with it for over an hour now. 🙂

2) Product Profile Size. On my product: http://engagingpapers.com/epredesign/product/abigail-wedding-invitation/ , that large image….how can I make it 600×600? I did the thing suggested where you make the size of the woo commerce images, where I put in 600×600 but its still not reacting to that. Any ideas?

3) Category Page. On say Wedding Invitations, when you hover over the photo, it has the add to cart and add to wishlist button. How Can I remove that? Also, is there a way so it only shows the one photo instead of flipping between two photos?

Any help would be hugely appreciated as I want to get this website template up 🙂 Best

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Regarding your issues:

1) Check in the color customizer in Color – Navigation
https://www.dropbox.com/s/sj51sssjyf63mr5/Screenshot%202015-07-17%2009.16.59.png?dl=0

2) After you changed it to 600 x 600 you should regenerate all images so it can assume that size.
Use this plugin to regenerate them https://wordpress.org/plugins/regenerate-thumbnails/

3) Do you want to remove it in all pages? There is a catalog option to disable the purchase.

You can choose the Transition effect in Theme options-> Woocommerce options -> Shop options
https://www.dropbox.com/s/8o7wd1kk3i2un7e/Screenshot%202015-07-17%2009.21.59.png?dl=0

-Rui

[tylergibbons93]

Hi There,

Thanks for getting back to me! The sizing on the product pages still isnt being fixed even after doing the resize thumbs.
http://engagingpapers.com/epredesign/shop/amanda-wedding-invitation
how can i make it so the max photo size is 600×600? just as all my photos are currently sized to that.

Also at the bottom of that page, which i’ve attached a screenshot, it shows related products and the description. Since they description is already at the top, how can i remove the bottom parts?(description and related)

I am not following on how to remove the add to wishlist and add to cart buttons on the category thumbnails.

In terms of logo, how come its so small? How can increase the width of the logo spot up there

Any help would be greatly appreciated!

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Hi there,

You’ll want to reduce the size of the image area in the theme options. You can find this in Theme Options > WooCommerce Options > Product Options. There is an option to override the widths, and then you can set the percentage.

You can remove the description tabs with this css:

.woocommerce div.product + .product-after-summary > .woocommerce-tabs {
display: none;
}

Add this css to remove the cart/wishlist buttons:

.product .cart-overlay .shop-actions {
display: none;
}

You can set the max-width of the logo with this css:

.full-center #logo {
max-width: 30%;
}

You’ll obviously need to increase the logo height in theme options to make it larger.

– Ed

[tylergibbons93]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

The color is correct, the problem is the width of the border.
I tried that admin access but isn’t working anymore.

Try to add the code below to your custom css option

#main-nav ul.menu > li, .full-center nav#main-navigation ul.menu > li, .full-center nav.float-alt-menu ul.menu > li, .full-center #header nav.float-alt-menu ul.menu > li {
    border-width: 1px!important;
}

-Rui