Return to previous page

My Account Page - by Libardo - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 9 years ago ago by Eva Kemp

Libardo

Participant

April 21, 2015 at 04:46

Hi Support,

Can you assist with the following:

ITEM #1

Can you add the menu the same style as the other menus in the page. Its needs to be transparent.

http://i1340.photobucket.com/albums/o728/LibardoBarreto/YETYY_zpscdszk7ci.png

ITEM #2

Can I move the word MY ACCOUNT to Left or Right or Down or Up? Also can the color be changed?

ITEM #3

Can I move the word RETURN TO PREVIOUS PAGE to Left or Right or Down or Up? Also can the color be changed?

ITEM #4

How to stretch the breadcrumbs image to not Repeat? I tried without Repeat but the image is like cut in half.

ITEM #5

How to use this code to hide the search icon (.header-search .fa.fa-search {display:none}) for My account page? I dont see the CSS option in the menu when I edit the page.

Please, contact administrator
for this information.

#58273 Copied

5 Answers
Eva Kemp

Support staff

April 21, 2015 at 13:14
Hello,

1. Unfortunately it can’t be done on My Account page because behind the header there is no content which can be visible behind the menu.

2. You can change color with this code in custom.css file:
```
.bc-type-5 .title, .bc-type-6 .title {
 color: #FFF !important;
}
```
Write your color value.
To move breadcrumbs to the left you need use this code:

3. To change the color use this code:
.back-history {color: red !important;}
To move it bottom here is the code:
.back-history {top: 80px}

4. Add this code in custom.css file:
```
.bc-type-5 {
    background-repeat: no-repeat;
    background-size: cover !important;
}
```
5. Search icon can be hidden for all pages, sorry but it can’t be done only for “My Account” page. Use this code in custom.css file to hide it:
```
.header-search .fa.fa-search {
 display: none;
}
```
Regards,
Eva Kemp.
#58438 Copied
Libardo

Participant

April 21, 2015 at 20:33

Hi Eva,

I just checked on the mobile site and noticed that the my account and the newsletter and the register option looks very bad. IS there a way to:

ITEM 1

– Is there a way to make all the Menu text into this Letter type/font:

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-02-28-13-43-19_zpslabxbnmj.png

ITEM 2

– Is there a way to level all menu text the same height spacing between each other?

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-21-13-02-04_zpsji6lgult.png

ITEM 3

– Is there a way to make the mobile menu like this :

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-02-28-13-43-19_zpslabxbnmj.png

ITEM 4

– Also I see for accounts there is character infront of it, is there a way to add one as well for newsletter, register ?

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-21-13-02-04_zpsji6lgult.png

I am open for options as well to change the style of the menu. The dark menu and the dark bars around the menu is not to shavy ..

Please let me know

#58567 Copied
Eva Kemp

Support staff

April 22, 2015 at 10:28
Hello,

1. Add this code in custom.css file:
```
.et-mobile-menu li > a, .mobile-nav .links li a, .mobile-nav-heading {
    font-size: 14px !important;
    font-family: Raleway !important;
    background-color: transparent;
}
```
2. Use this code in custom.css file:
```
.mobile-nav-heading i {
 margin-top: 10px !important;
}
.mobile-nav .links li a {
 padding: 5px 0px 15px 10px !important;
}
```
3. You need edit “plus” icon wp-content/themes/royal/images/small-plus.png to change its color to make it visible. Use some image editor.

4. Sorry, but this requires additional customization in php files which isn’t for free.

Regards,
Eva Kemp.
#58663 Copied
Libardo

Participant

April 22, 2015 at 13:37

Hi Eva,

Thanks.

Is there a way to:

ITEM 5

– Set the Newsletter, Register, Sign In, Account infront of the red line?

http://i1340.photobucket.com/albums/o728/LibardoBarreto/fsdf_zpswioa4hvs.png

ITEM 6

– Is there a way to include a ” X ” next to the navigation?

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-02-28-13-43-19_zpslabxbnmj.png

ITEM 7

– Set the Newsletter, Register, Sign In, Account same spacing between the menus as the rest of the menus like ( HOME, ABOUT US etc..)?

http://i1340.photobucket.com/albums/o728/LibardoBarreto/fsdf_zpswioa4hvs.png

ITEM 8

– Can the word ” ACCOUNT” change into ” MY ACCOUNT “?

http://i1340.photobucket.com/albums/o728/LibardoBarreto/fsdf_zpswioa4hvs.png

ITEM 9

– Can you provide me with the small Plus sign.png which was used for this image below?

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-02-28-13-43-19_zpslabxbnmj.png

#58703 Copied
Eva Kemp

Support staff

April 22, 2015 at 15:07
Hello,

5. Unfortunately there is no such option. Sorry.

6. Sorry, but it’s not added in royal theme. As you can see that icon isn’t added on our demo site as well.

7. I’ve already provided you with the code for spacing in the 2nd item of the previous post:
```
.mobile-nav-heading i {
 margin-top: 10px !important;
}
.mobile-nav .links li a {
 padding: 5px 0px 15px 10px !important;
}
```
8. You need edit the file wp-content/themes/royal/header.php (line 34, edit the code <?php _e('Account', ETHEME_DOMAIN); ?> and edit “Account” text).

9. You can get the image from this link https://www.8theme.com/wp-content/themes/legenda/images/small-plus.png .

Regards,
Eva Kemp.
#58737 Copied
Viewing 6 results - 1 through 6 (of 6 total)