Return to previous page

Top panel - by redeyes - on WordPress WooCommerce support

This topic has 18 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler

redeyes

Participant

July 4, 2018 at 19:47

is there any way to change the ‘top panel’ character to something else… like ‘contact’ or something besides the little arrow so they might know what is panel is for.

#196058 Copied Theme version: 4.28

17 Answers

Rose Tyler

Support staff

July 5, 2018 at 07:42

Hello,

You can change this text on hover http://prntscr.com/k2qmgb using translation files – https://xstore.helpscoutdocs.com/article/30-base-theme-translation

Regards

#196071 Copied

redeyes

Participant

July 5, 2018 at 14:14

ya, I need to change that arrow so people know what is in the panel. If you are going to hover over it you may aswell click it.

#196145 Copied
Rose Tyler

Support staff

July 5, 2018 at 15:06
Try to add this code in Theme Options > Styling > Custom css:
```
.top-panel-open:after {
    content: "Open top panel";
    font-size: 14px;
    font-family: Lato;
    font-weight: 400;
    font-style: normal;
    right: 43%;
}
.top-panel-open span {
    display:  none;
}
```
Regards
#196151 Copied
redeyes

Participant

July 5, 2018 at 15:52

I have added the code… what will this do?

#196162 Copied

Rose Tyler

Support staff

July 5, 2018 at 16:05

Please make sure that you added the code correctly because I can’t see it on your site.
The result should be – http://prntscr.com/k2xf78

Regards

#196164 Copied

redeyes

Participant

July 5, 2018 at 16:12

I have saved it in custom css

#196167 Copied

Rose Tyler

Support staff

July 6, 2018 at 07:17

Could you, please, provide temporary wp-admin access in the Private Content area?

Regards

#196182 Copied

redeyes

Participant

July 6, 2018 at 13:32

ok… all set

Please, contact administrator
for this information.

#196233 Copied

Rose Tyler

Support staff

July 6, 2018 at 13:41

Please check now – http://prntscr.com/k3arkl > http://prntscr.com/k3arms

Regards

#196237 Copied

redeyes

Participant

July 6, 2018 at 13:55

wonderful… that is great, thank you.

final question… is there a way to make that top panel light colors instead of dark.

thanks again for the help

#196240 Copied
Rose Tyler

Support staff

July 6, 2018 at 13:58
Please use this css code to change color:
```
.top-panel-inner {
    background-color: #b4eb8a;
}
```
Regards
#196242 Copied
redeyes

Participant

July 6, 2018 at 14:03

PERFECT… Thank you very much

#196243 Copied

Rose Tyler

Support staff

July 6, 2018 at 14:06

You’re welcome!
Would you mind to rate our product:  https://themeforest.net/downloads
That would be much appreciated 🙂

Regards

#196244 Copied

redeyes

Participant

July 6, 2018 at 14:07

is there any way to make the top panel text the same font size as the my account in the header?… it looks a little weird in 2 sizes… and yes, more than happy to rate the great product.

#196245 Copied

Rose Tyler

Support staff

July 6, 2018 at 14:16

Please change font-size in this code – http://prntscr.com/k3b93y to http://prntscr.com/k3b9am

Regards

#196247 Copied

redeyes

Participant

July 6, 2018 at 14:22

perfect.. thank you

#196248 Copied

Rose Tyler

Support staff

July 6, 2018 at 14:25

You’re welcome!

Regards

#196250 Copied
Viewing 18 results - 1 through 18 (of 18 total)