Shop issues + other bitz

[markmuz]

Hi folks,

Need a few bits of help please:

1. On the shop page http://www.prettygoodproject.org/shop/

a) Is there any way of editing the css so that when the product category is selected, it is emboldened and changes color?
Also is there any way of over-riding the colour of these catgories because it just inherits the standard link colour which is annoying…

I’ve tried css

.product-categories .cat-item {
color:red!important;
}

…but it didn’t work.

b) On this page it shows the category underneath the product picture, how can i hide this please?

c) I want to create a global banner which only displays on the shop page, how can i do this? Also how do I style this global banner please?

d) How can i remove the gap between my products…there’s just a white gap between my 7th and 8th product (see screenshot)

2. Individual products http://www.prettygoodproject.org/product/eone-bradley-timepiece/

a) Each individual product has arrows in the top right to scroll between products. I would like to remove these please

b) I am using affiliate links to sell my products, is there any way to get these to open in a new window please?

c) ADD YOUR REVIEW – how can i make this text be Capitalized, so ‘Add Your Review’ please?

d) I you gave me the following CSS remove the star rating which worked…until you came to leave a review where it insists on you leaving a star review, though now without the means to do it.

.comment-form-rating {
display: none;
}

Please can you tell me how to fully remove the star rating function. (see screenshot)

3. About us http://www.prettygoodproject.org/about-us/

I pull through some blog posts, which displays the number of comments or “no comments” how do i remove this please?

4. Blog http://www.prettygoodproject.org/blog/

a) I don’t really want the blog intro text box to have a highlight colour or action at all please?
Happy for the image to change colour when highlighted though and I’m happy with that colour as it is

b) On an individual blog post http://www.prettygoodproject.org/products/gangster-wrapping/

At the bottom, how can i remove the love heart and number of comments icons, plus the hr below it, thanks

5. General

How can i make text links be underlined, without it making the links in all the buttons and other links underlined please?

Thanks for all your help

Cheers

Mark

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

For the amount of customisation CSS requests. I’d suggest you work with a developer to help you as this is not what the support forum is for.

1a)

li.cat-item.current-cat > a {
    color: red;
    font-weight: bold;
}

1b) Can you enable the Hero header so I can see this?

1c) Enable the global banner in the Theme Options. Then use:

#sf-header-banner { display: none; }
.post-type-archive #sf-header-banner {
    display: block;
}

1d) That is not possible, the masonry jQuery layout will layout products within the vertical columns.

2a)

.summary-top .product-navigation {
    display: none;
}

2b) You would need to hire a developer for that modification.

2c)

#review_form_wrapper .title-wrap h3.spb-heading span {
    text-transform: capitalize;
}

2d) Read the WooCommerce docs, they document this “Product Ratings”: https://docs.woocommerce.com/document/configuring-woocommerce-settings/#section-4

3)

.page-id-42 .recent-post .blog-item-details {
    display: none;
}

4a)

.masonry-items .blog-item:hover .details-wrap {
	background: transparent !important;
}
.masonry-items .blog-item figure.thumb-media-image + .details-wrap {
	padding-top: 30px !important;
}

4b)

.post-details-wrap {
    display: none;
}

5) That would be tricky. What are you trying already?