ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• March 27, 2017 at 4:07 pm #318629
  markmuz

  Member

  Post count: 94

  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.
  March 29, 2017 at 11:35 am #318943
  David Martin – Support

  Moderator

  Post count: 20834

  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?

• Back to forum

  Posted in: Atelier