Return to previous page

Final tweaks on Classic theme - by Bleausard

This topic has 11 replies, 2 voices, and was last updated 7 years ago ago by Rose Tyler

Bleausard

Participant

November 24, 2017 at 13:48

Dear all at 8theme!

Thank you for your nice website templates and your help few weeks ago. Now the final tweaks before the relase of my shop have arrived. Please kindly help me over these few questions.

1. I optically separated the side bar from the main area by a vertical thin line. I did this by adding a custom css class name to the row settings in the backend editor for all areas. Only for the Blog area, Shop and Single Product I can not find out, how to add. See screenshots in private content area. Where do I have to add the additional class name?

2. Also I do not see where to add the top title area I included on all pages. It is missing on Blog and Single Product.

3. The button typo on the single product page is not white on mouseover, tried with css in many variations, but did not get it the typo the become white.

4. Is there any possibility to rearrange the My Account section? It definitely needs some styling and better optics. Is there a plugin available (could not find one) or any other ideas?

Please, contact administrator
for this information.

#178613 Copied Theme version: newest WooCommerce version: 3.2.5

10 Answers
Rose Tyler

Support staff

November 24, 2017 at 14:11
Hello,

Thanks for the topic. Hope you are having a nice day.
1. Please use such screenshot maker as Lightshot to provide screenshot link in Private Content.
If you need the line on all pages where you have right sidebar, you may simply add this code in Theme Options > Styling > Custom css:
```
.sidebar-right {
    border-left: 1px solid #e6e6e6;
}
```
2. Could you please provide some screenshots about this problem to help me understand more?
3. Please try to change it in Theme Options > Styling > WooCommerce.
4. Please explain in details desired result.

Regards
#178617 Copied
Rose Tyler

Support staff

November 24, 2017 at 14:18

4. My Account page relates to Woocommerce plugin, and you have to edit their files or search for Woocommerce extensions to change it. Unfortunately, I can’t recommend any such plugin, because we didn’t test these with our theme. But we recommend you to make file changes in a child theme.

Let us know if you need any further assistance.

Regards

#178619 Copied

Bleausard

Participant

November 24, 2017 at 14:45

Ok, thanks for your speed reply! 🙂

I thought, I had sent the screenshots, but thy did not. Pls use the downloadlink in the private section.

1. Thanks, but if I use the sidebar css you provided I am limited to the left. Setting the vertical line on the right side of the main area I can use additional margin to the right.

3. Have tried to find this, but it does not seem to be there. Or I am kind of blind and you need to hint me directly to the setting. 😉

Thanks, Clem

Please, contact administrator
for this information.

#178627 Copied
Rose Tyler

Support staff

November 24, 2017 at 15:01
You’re welcome!
1. Please try this:
```
.blog .content, .products-grid, .product-content {
    border-right: 1px solid #e6e6e6;
}
```
3. Could you please provide wp-admin access in Private Content?

Regards
#178629 Copied
Bleausard

Participant

November 24, 2017 at 15:31

1. Worked! GREAT! Thanks.

2. Pls find access data below. Please note: I like to get the same animated title style like on the other pages. Just FYI. (In above post I named it the 3. and it should have been the 2., sorry for confusion)

3. This is the button color, thanks for help.

Please, contact administrator
for this information.

#178632 Copied

Rose Tyler

Support staff

November 24, 2017 at 15:48

Blog and Single Product pages are default pages. Unfortunately, there is no possible to add additional content to these pages above default content.
Feel free to ask if you need any other help.

Regards

#178641 Copied

Bleausard

Participant

November 24, 2017 at 16:03

Ok. Then it is like that, I can live with this.

Could you pls finally have a look on 3. then? The button on Single Product page. Thanks.

#178643 Copied
Rose Tyler

Support staff

November 24, 2017 at 16:24
Could you please create separate topics for different questions to prevent misunderstanding?
Please try this code
```
.single-product .product-information .cart .button:hover {
    background-color: white;
}
```
seems there is a bug with Theme Options > Styling > WooCommerce > WooCommerce buttons on Single Product Page hover background option, so you may use custom code as a temporary solution. The problem will be fixed in next theme update.

Regards
#178648 Copied
Bleausard

Participant

November 24, 2017 at 16:46
3. Worked! Perfect.

Changed it to:
```
.single-product .product-information .cart .button:hover {
    color: white;
}
```
It was the text color, not the background-color, but anyway.

Thank you so much for your help.
#178655 Copied
Rose Tyler

Support staff

November 24, 2017 at 16:47

You’re welcome!
This topic will be closed because the issue is solved. Please kindly open up new tickets for additional questions.

Regards

#178657 Copied
Tagged: classic theme, final tweaks, templates, woocommerce, wordpress
Viewing 11 results - 1 through 11 (of 11 total)