[lobsterass]

Oh! That’s so sweet! I’m going away on vaccation for a coulpe of weeks. I don’t dare to install it right now because I gotta make it on time to a train. But I’ll do this right away when I return home.

Take care and enjoy some time off your most frequent support user. 😉

<3

[lobsterass]

Ah! Sorry for being slow. Got it. I did save all your previous instructions but I guess I was too blonde to figure it out anyway. I need that cache plugin, but I manually empty the cache all the time. Anyway, it works now. You’re awesome, Kyle! 🙂

[lobsterass]

Hi again!

So, this issue got resolved with that code eventually. Sorry for not writing that here. Thank you!

Now, I’ve reduced the blank spacing all over my site (better for mobile view) and this problem returned on mobile units. Crap! I’ve tried about 15 different negative pixel values for that bottom-code, but none makes my rev slider nav buttons show. Is there a way you could come with at value-suggestion, Kyle?

This is the current code for this, placed last in my custom CSS list:

}
@media only screen and (max-width: 768px) {
.tp-bullets.tp-thumbs {
display: block!important;
bottom: -100px!important;
}

<3

A

[lobsterass]

Hey guys!

I don’t wanna be a nag but since you wrote that:

1) the portfolio thumb sliders should now be clickable (just like portfolio thumb images are)

2) and that the standard slider on individual portfolio item pages should have clickable nav arrows (so that one can flip back and forth between the slides)

I’m wondering if I missed something or if you simply haven’t had the time to do this in the last updates? I don’t see anything written about it on the update specification @Theme Forrest. Again, I don’t mean to be rude. I just REALLY think these are two important improvements of Neighborhood. Several of my test-users tell me that it’s confusing for them that some portfolio thumbs are clickable while others aren’t.

Keep up the greaqt work.

I love this theme and my site is starting to look really good.

<3

A

[lobsterass]

Hi Kyle!

It’s starting look great on my shop page!

Thank you for the great help with everything. 🙂

So, you’re saying I can’t do the:

3) Make product title H2 class instead of current H3, without changing the look?

I don’t mind changing something in the WooCommerce PHP.

[lobsterass]

Cool! Thanx!

[lobsterass]

Ah!!!! Great. Thank you for teaching me. A really appreciate it.

I’m gonna read a book about CSS. Do you happen to have any suggestions of a good book on this? I wanna be cool like you. 🙂

[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

🙂

[lobsterass]

Cool! That removed the price range in the top.

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

[lobsterass]

I was just wondering how you meant I should close that code? I just solved it temporarily by putting it last.

}
@media only screen and (max-width: 768px) {
.tp-bullets.tp-thumbs {
display: block!important;
bottom: -80px!important;
}

[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;
}

[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]

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]

I changed this part back:

}
@media only screen and (max-width: 768px) {
.tp-bullets.tp-thumbs {
display: block!important;
bottom: -80px!important;
}

[lobsterass]

OK…I’m not sure what I should do different? The code in the other thread about shop didn’t work either, so I’ve clearly messed something up in this code:
}
.tp-bannershadow.tp-shadow1 {
bottom: -24px!important;
}
@media only screen and (max-width: 768px) {
}
.tp-bullets.tp-thumbs {
display: block!important;
bottom: -80px!important;
}
.list-best-sellers span.amount { display:none;
}
ul.products li.product .product-details {
float: none;
text-align: center;
}
#product-accordion {
display: none;
}
.summary .product_meta {
display: none;
}
.variations_form {
overflow: visible;
}
.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;
}