Shop – remove line + category + padding + price + center titles

[lobsterass]

Hi, it’s your pain in the ass writing again. Sorry!

Please help me remove these elements on my shop page: (Please see attached images)

1. Remove line above products
2. Remove category
3. Remove price
4. Center product titles (code from other thread didn’t work)
5. Weird shadow 1 on the sides below rev slider > should only be below.

Number 5 is probably because of custom code for shadow 1 below rev sliders on this page. Please see turqoise illustration image with computer. That’s a rev slider with a customized shadow 1, is attained by this code:

}
.tp-bannershadow.tp-shadow1 {
bottom: -24px!important;
}

Please tell me how to get back the regular rev slider shadow 1 on
Number 5 this page. I don’t want to change shadow 1 back though on the turqoise rev slider with the computer.

Please help me with this so that I can stop bugging you guys. 😉 My site is ALMOST done.

<3

A

[Kyle – SUPPORT]

Hi

Add this css:

.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
  border-top: none;
}
.posted_in {
  display: none;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price {
  display: none;
}
ul.products li.product .product-details {
  width: 100%;
}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
  text-align: center;
}

5) You need to remove the shadow in the slider Appearance settings

– Kyle

[lobsterass]

Hi!

Nothing works of this so I guess it must be something I’ve messed up in the code. I just wrote about it in this thread. Same issue.

5) OK. I just removed this instead. Cool.
}
.tp-bannershadow.tp-shadow1 {
bottom: -24px!important;
}

[lobsterass]

Yes! Now this works!

I solved like a blondie would, by moving down the:

@media only screen and (max-width: 768px) {

to the bottom of my CSS. Is it closed when I write:

@media only screen and (max-width: 768px) {
}

?

Now, I have the problem of too much space where the price range was on product page though. Please see image of what I would like to do there.

[lobsterass]

Also – sorry for asking but I really think this should be default in the theme – I have to make my H3 product titles H2 for important SEO purposes. I still want them to LOOK the way they do now. It’s just the class I wanna change to H2, just like we did on my portfolio titles. Here is the excellent way you helped my do that on index:

Change class of portfolio item title to H2 and H3

In the swift-framework folder > sf-content-dispaly > You need to edit line 271 in sf-portfolio.php
headline
.= ‘<h4 class=”portfolio-item-title” itemprop=”name headline”>‘. $item_title .’</h4>’. “\n”;
}
To:

.= ‘<h2 class=”portfolio-item-title” itemprop=”name headline”>‘. $item_title .’</h2>’. “\n”;
}
And:

$portfolio_items_output .= ‘<h5 class=”portfolio-subtitle” itemprop=”alternativeHeadline”>’.$item_subtitle.'</h5>’. “\n”;
}

to:

$portfolio_items_output .= ‘<h3 class=”portfolio-subtitle” itemprop=”alternativeHeadline”>’.$item_subtitle.'</h3>’. “\n”;
}

and then add this css:
.portfolio-item h2.portfolio-item-title {
font-size: 15px;
font-weight: normal;
line-height: 18px;
margin-bottom: 4px;
margin-top: 4px;
text-align: center;
}

.portfolio-item h3.portfolio-subtitle {
font-size: 13px;
font-weight: normal;
line-height: 15px;
margin-bottom: 4px;
text-align: center;
}

[Kyle – SUPPORT]

Hi

Please keep to one question per topic as it can get confusing dealing with 2 different things. For the first question add this to your custom css:

.summary-top .product-navigation {
  position: absolute;
  right: 0;
  top: 20px;
}
.summary-top {
  padding-bottom: 0;
}

Let me know if it affects other products in a negative way, for e.g. those with prices

– Kyle

[lobsterass]

Cool! That removed the price range in the top.

Now it’s just all the accordion descriptions left. Please see image.

[lobsterass]

Never mind! I tried another blondie-move and I moved down that css in the custom list. Now it works! Woho! Awesome! Looks great now. Hopefully this is the last thing about this page I need to bug you about.

Thank you so much, Kyle!

<3

🙂

[Kyle – SUPPORT]

They’re gone for me? (see screenshot)

– Kyle

[Kyle – SUPPORT]

Ok no problem 🙂

– Kyle

[lobsterass]

Cool! Thanx!

[Kyle – SUPPORT]

No problem 🙂

– Kyle