Need help editing css code and menu layout

Store Design
1

Hello,

I really need some help with 2 issues on my store theme:

Store url: eboardnation.myshopify.com

Password: tirn2022

  1. CSS Color

I need all text on header and footer to be white (footer and part of header already white). And then I need all other areas of site to go with black text color.

  1. Menu layout

Currently the menu is arranged in this order: Essentials; Quick Info; Electric Longboards; Collections. I need to have it in this order: Electric Longboards; Collections; Essentials; Quick Info.

For some reason the theme does not have any way to control these.

Help appreciated please

2

@tirn - for 1 - we will need css editings

2 - did you check the navigation settings?

3

Hi Tirn, I just send you collaborator request. I can fix these for you for 25$.

4

  1. Okay

  2. Yes checked navigation settings and that control not available. Theme provider said its a coding issue

5

@tirn

Please add the following CSS code to your assets/base.css bottom of the file.

.card-information__wrapper>* {color: #000 !important;}
.card-information__wrapper>.price {color: #000 !important;}
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 { color: #000 !important;}
.announcement-bar__message {color: #fff !important;}
.header-info {color: #fff !important;}
.header-info a {color: #fff !important;}
#shopify-section-template--14345455206465__16455737462e16eedb .rich-text {
    margin: auto;
    text-align: center;
    color: #000 !important;
}

Thanks!

6

Hello - almost there! Please check your inbox

7

Thank you, I added code, the header and home page body text color is now ok. However, the code seems to have disrupted parts of footer and area just before footer. I have attached screenshots. Text color on product page and other pages has also stayed blue. Would like body text for all other areas of site to go black as well.

footer before the code
footer before the code1297×412 22.6 KB

footer after the code has lost some info
footer after the code has lost some info1290×380 28.3 KB

pre footer before code look at the area marked red. that space has disappeared when code is in place
pre footer before code look at the area marked red. that space has disappeared when code is in place1299×321 89.9 KB

pre footer after code notice there is no more space on area marked red
pre footer after code notice there is no more space on area marked red1299×232 84.4 KB

top half of product page. all text should be black
top half of product page. all text should be black1297×513 193 KB

bottom half of product page all text and icons there should be black
bottom half of product page all text and icons there should be black1291×494 34.5 KB

8

@tirn

1] Please add the following CSS code to your assets/base.css bottom of the file.

div#shopify-section-footer .h2 {color: #ffffff !important;}
body {color: #000 !important;}
.accordion .icon-accordion {fill: #000 !important;}

2] Please add the following CSS code to your assets/component-price.css bottom of the file.

.price {color: #000 !important;}

Thanks!

9

Worked! Thank you so much!!!