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: Cardinal
• February 8, 2016 at 6:45 pm #247316
  zohia

  Member

  Post count: 109

  After updating the theme and woocommerce I’m having a few problems:

  1) In the categories page, each image is now cut by the category’s title; also, the titles seems to be occupying more space then before: http://ogatofica.com/a-loja-do-gato/

  2) Inside each category, the title now displays the category’s image as its background. Any way to undo this? I just need the simple bar with the words: http://ogatofica.com/categoria-produto/poisos/

  Thanks

  February 10, 2016 at 11:33 am #247844
  David Martin – Support

  Moderator

  Post count: 20834

  1) I’ll need to login and take a look, the above details do not work?

  2) Theme Options => WooCommerce Options => Shop Options => WooCommerce Page Heading Style => Standard

  Thanks.

  February 10, 2016 at 3:01 pm #247957
  zohia

  Member

  Post count: 109

  This reply has been marked as private.
  February 12, 2016 at 11:11 am #248591
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please add this to your CSS:

  .archive .fancy-heading .heading-text[data-textalign="center"] {
      text-align: left;
  }
  .archive .page-heading.fancy-heading.animated, 
  .archive .fancy-heading.animated .heading-text {
      background-image: none!important;
      max-height: 120px;
  }
  .archive .page-heading.fancy-heading {
      -moz-transition: none!important;
      -webkit-transition: none!important;
      -o-transition: none!important;
  }
  .archive .fancy-heading-wrap {
      max-height: 150px;
      background-color: #2abcb7!important;
  }
  
  .spb_accordion .spb_accordion_section > h4.ui-state-default{
  background-color: #dbd9d9!important;
  }

  Thanks.

  February 12, 2016 at 5:21 pm #248790
  zohia

  Member

  Post count: 109

  Hi David,

  Thanks for the custom CSS. When the page is loading (ex: http://ogatofica.com/categoria-produto/liteiras-litters-e-afins/) you can still see the image on the header. When if finally loads only the title is visible.

  Another thing that is happening after the update is that the images in the categories page (http://ogatofica.com/o-gato-quer/) are cut by their own title. Any way to fix this?

  Thanks

  Attachments:

  You must be logged in to view attached files.
  February 12, 2016 at 7:59 pm #248830
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Have you tested removing the cateory images: http://ogatofica.com/wp-admin/edit-tags.php?taxonomy=product_cat&post_type=product

  Please test this CSS for the product margin issue:

  .woocommerce ul.products li.product.col-sm-sf-5:nth-of-type(5n+5) {
      margin-right: 0;
  }
  .woocommerce ul.products li.product.col-sm-sf-5 {
      margin-right: 15px;
  }

  Thanks.

  February 12, 2016 at 11:33 pm #248858
  zohia

  Member

  Post count: 109

  The first problem is solved, thanks! I did what you said and removed the hero image in each category, only keeping the thumbnails.

  As for the second problem, when I add that CSS it gets worse. It goes from the first attached picture to the second.

  Attachments:

  You must be logged in to view attached files.
  February 15, 2016 at 2:02 pm #249176
  David Martin – Support

  Moderator

  Post count: 20834

  @zohia Are you looking to add spacing between each item? Maybe I’m confused about what you are seeking. Any mockups or illustration you can add will help.

  Thanks.

  February 15, 2016 at 2:08 pm #249182
  zohia

  Member

  Post count: 109

  Let me see if I can explain as I have no printscreens of what it looked like before the theme update.
  Do you see, for example, the first category where it says “hora de comer”?
  Before you could see the whole cat’s head. As it is now, the picture is cut in half because the title is overlaying the picture.

  February 16, 2016 at 2:25 pm #249606
  David Martin – Support

  Moderator

  Post count: 20834

  Great, that is clearer for me.

  Please test this:

  .archive.woocommerce ul.products .product-category .product-cat-info {
      position: relative;
  }
  
  .archive.woocommerce ul.products li.product a img {
      margin-bottom: 0;
  } 

  Thanks.

  February 17, 2016 at 11:44 pm #250163
  zohia

  Member

  Post count: 109

  Problem solved. Many thanks (again, and again and again)!

  February 19, 2016 at 1:04 pm #250656
  David Martin – Support

  Moderator

  Post count: 20834

  Great, no problem.

• Back to forum

  Posted in: Cardinal