Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Help with Customisation of Website


nw7063

Question

Posted (edited)

Site URL: https://www.soulfruit.co.uk/

Any help with the below - hugely appreciated!!

1.    Header navigation

a.    Can the Links to our pages all sit on one line?

We would like to have: Home, Shop & Health Benefits – on the Left-hand Side of the Logo (in that order). And Our Story, Account & cart on the right hand side of the logo.

b. Please also help us link the HOME navigation link back to the HOME PAGE (the same page when clicking on the logo). At the moment it links to a blank page.

 

2.     Can the Label “Account” / ‘Login’ (it seems to change between the two!) be changed to an Icon – similar to the CART icon?

 

3.     Checkout & Cart page – can the font be changed to Orpheus pro (same font as rest of the website.

 

4.         FAQ’s page – please can the text be smaller (paragraph 3 size)

 

5.         All footer text to be black – including the menu line and privacy etc at the very bottom.

 

6.         On the individual product pages – can the menu and text in the header all be WHITE like other pages

 

7.         Customer Account Login box

            a. Change font to Orpheus Pro

            b. Background colour – white minimal

            c. Button colour change to 349, 86, 59

 

8. Cart Page

            a. in the empty cart page – can the ‘continue shopping’ link be in pink - 349, 86, 59

 

THANK YOU SO MUCH IN ADVANCE FOR ALL HELP!

Edited by nw7063
Link to post
  • Answers 19
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Q8. Q7. Q6. Add to Design > Custom CSS /* Continue shopping color */ [data-test="continue-shopping-link"] { color: rgb(349, 86, 59); } /* Login */ .user-accounts-text-link span { color:

Add to Design > Custom CSS /* nav one line */ .header-nav-list { flex-wrap: nowrap; } .header-nav-list * { font-size: 20px; } /* Login text to icon .user-accounts-text-link span { c

1. Still can't access. Can you add 0$ product & share link? 2. I see fine here. Try clearing your browser cache

Posted Images

19 answers to this question

Recommended Posts

  • 0

Q8. Q7. Q6. Add to Design > Custom CSS

/* Continue shopping color */
[data-test="continue-shopping-link"] {
    color: rgb(349, 86, 59);
}
/* Login */
.user-accounts-text-link span {
    color: rgb(349, 86, 59);
    font-family: 'orpheus-pro' !important;
}
/* product detail */
body.collection-type-products.view-item .header-nav-list * {
    color: white !important;
}
body.collection-type-products.view-item span.unauth {
    color: white;
}
body.collection-type-products.view-item .header-actions-action * {
    fill: white;
    stroke: white;
    color: white;
}

 

Link to post
  • 0

Still need help for the below:

 

1.    Header navigation

a.    Can the Links to our pages all sit on one line?

We would like to have: Home, Shop & Health Benefits – on the Left-hand Side of the Logo (in that order). And Our Story, Account & cart on the right hand side of the logo.

b. Please also help us link the HOME navigation link back to the HOME PAGE (the same page when clicking on the logo). At the moment it links to a blank page.

 

2.     Can the Label “Account” / ‘Login’ be changed to an Icon – similar to the CART icon?

 

3.     Checkout & Cart page – can the font be changed to Orpheus pro (same font as rest of the website.

 

4.         FAQ’s page – please can the text be smaller (paragraph 3 size)

 

5.         All footer text to be black – including the menu line and privacy etc at the very bottom

 

6.         Customer Account Login pop up box & side bar pop up

            a. Change font to Orpheus Pro

            b. Background colour – white minimal

            c. Button colour change to 349, 86, 59

 

 

 

Link to post
  • 0

Add to Design > Custom CSS

/* nav one line */
.header-nav-list {
    flex-wrap: nowrap;
}
.header-nav-list * {
    font-size: 20px;
}
/* Login text to icon
.user-accounts-text-link span {
    color: transparent;
}

.user-accounts-text-link {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptNy43NTMgMTguMzA1Yy0uMjYxLS41ODYtLjc4OS0uOTkxLTEuODcxLTEuMjQxLTIuMjkzLS41MjktNC40MjgtLjk5My0zLjM5My0yLjk0NSAzLjE0NS01Ljk0Mi44MzMtOS4xMTktMi40ODktOS4xMTktMy4zODggMC01LjY0NCAzLjI5OS0yLjQ4OSA5LjExOSAxLjA2NiAxLjk2NC0xLjE0OCAyLjQyNy0zLjM5MyAyLjk0NS0xLjA4NC4yNS0xLjYwOC42NTgtMS44NjcgMS4yNDYtMS40MDUtMS43MjMtMi4yNTEtMy45MTktMi4yNTEtNi4zMSAwLTUuNTE0IDQuNDg2LTEwIDEwLTEwczEwIDQuNDg2IDEwIDEwYzAgMi4zODktLjg0NSA0LjU4My0yLjI0NyA2LjMwNXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    filter: invert(1);
}

/* Cart page font */
div#sqs-cart-root * {
    font-family: 'orpheus-pro' !important;
}

/* markdown faq font size */
div#block-yui_3_17_2_1_1619440396050_4415 h3 {
    font-size: 18px;
}

 

Link to post
  • 0

Thank you so so much!

The only final one now!

 

2.     Can the Label “Account” / ‘Login’ be changed to an Icon – similar to the CART icon? - we would like it to be the same size as the cart icon, next to the cart icon (on the same line) and in white too

 

Link to post
  • 0
5 hours ago, nw7063 said:

Thank you so so much!

The only final one now!

 

2.     Can the Label “Account” / ‘Login’ be changed to an Icon – similar to the CART icon? - we would like it to be the same size as the cart icon, next to the cart icon (on the same line) and in white too

 

I think the code should work?

/* Login text to icon
.user-accounts-text-link span {
    color: transparent;
}

.user-accounts-text-link {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptNy43NTMgMTguMzA1Yy0uMjYxLS41ODYtLjc4OS0uOTkxLTEuODcxLTEuMjQxLTIuMjkzLS41MjktNC40MjgtLjk5My0zLjM5My0yLjk0NSAzLjE0NS01Ljk0Mi44MzMtOS4xMTktMi40ODktOS4xMTktMy4zODggMC01LjY0NCAzLjI5OS0yLjQ4OSA5LjExOSAxLjA2NiAxLjk2NC0xLjE0OCAyLjQyNy0zLjM5MyAyLjk0NS0xLjA4NC4yNS0xLjYwOC42NTgtMS44NjcgMS4yNDYtMS40MDUtMS43MjMtMi4yNTEtMy45MTktMi4yNTEtNi4zMSAwLTUuNTE0IDQuNDg2LTEwIDEwLTEwczEwIDQuNDg2IDEwIDEwYzAgMi4zODktLjg0NSA0LjU4My0yLjI0NyA2LjMwNXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    filter: invert(1);
}

 

Link to post
  • 0

Help needed:

1. Account / Login Icon

a. Please can this be made smaller, Same size as the social icons - www.soulfruit.co.uk

b. On mobile view can it be black and centralised in the menu 

c. On the individual product pages the LOGIN text is still visable underneath the new icon. Please can this be removed.

 

2. Cart Page

a. The menu text to change to white like throughout the rest of the website.

 

Thank you!

Link to post
  • 0

Help still needed:

1. Account / Login Icon

a. Please can this be made smaller, Same size as the social icons - www.soulfruit.co.uk

b. On mobile view can the icon be black and centralised in the menu 

 

2. Cart Page

a. The menu text & icons - change to white like throughout the rest of the website.

 

3. Order Confirmation Page

a. Make header solid colour 349, 86, 59 (like the individual product pages)

b. Menu text and icons to be white 

 

Thank you so much

Link to post
  • 0
19 hours ago, nw7063 said:

Help still needed:

1. Account / Login Icon

a. Please can this be made smaller, Same size as the social icons - www.soulfruit.co.uk

b. On mobile view can the icon be black and centralised in the menu 

 

2. Cart Page

a. The menu text & icons - change to white like throughout the rest of the website.

 

3. Order Confirmation Page

a. Make header solid colour 349, 86, 59 (like the individual product pages)

b. Menu text and icons to be white 

 

Thank you so much

Add to Design > Custom CSS

/* Login icon */
.user-accounts-text-link {
    background-size: 25px;
}
@media screen and (max-width:767px) {
.user-accounts-text-link {
    filter: invert(0);
    -webkit-filter: invert(0);
    background-position: center;
}
}
/* cart page */
body#cart header#header *:not(.unauth) {
    color: white;
}
body#cart header#header svg {
    fill: white;
    stroke: white;
}

Can you share link to order confirmation page?

Link to post
  • 0

Thank you so much - those last codes worked perfectly!

 

Here is the link to our order confirmation page:

https://www.soulfruit.co.uk/checkout/order-confirmed?oid=60a51a7ab0495e41887c09e9&authCode=NjBhNTFhN2FiMDQ5NWU0MTg4N2MwOWU5OjIwMjEtMDUtMTlUMTQ6MDI6MzEuNzE0WpHM__tIRbdQSAbbCwnbHH_Hw6Bwa6tk7ztZ8m_ovKez

 

a. Make header solid colour 349, 86, 59 (like the individual product pages)

b. Menu text and icons to be white 

 

Pretty sure this is actually the last thing!

Thank you so so much!

Link to post
  • 0
On 5/19/2021 at 9:04 PM, nw7063 said:

Thank you so much - those last codes worked perfectly!

 

Here is the link to our order confirmation page:

https://www.soulfruit.co.uk/checkout/order-confirmed?oid=60a51a7ab0495e41887c09e9&authCode=NjBhNTFhN2FiMDQ5NWU0MTg4N2MwOWU5OjIwMjEtMDUtMTlUMTQ6MDI6MzEuNzE0WpHM__tIRbdQSAbbCwnbHH_Hw6Bwa6tk7ztZ8m_ovKez

 

a. Make header solid colour 349, 86, 59 (like the individual product pages)

b. Menu text and icons to be white 

 

Pretty sure this is actually the last thing!

Thank you so so much!

It looks like some one clicked the link. Can you share link in private message?

Link to post
  • 0

Hi!

Please can you help on the below:

 

1. Confirmation page header is blank.

a. Make header solid colour 349, 86, 59 (like the individual product pages)

b. Menu text and icons to be white 

https://www.soulfruit.co.uk/checkout/order-confirmed?oid=60c71243feaa771c420f610b&authCode=NjBjNzEyNDNmZWFhNzcxYzQyMGY2MTBiOjIwMjEtMDYtMTRUMDg6MjQ6MzIuNDMyWt6de6xuuFfBatlqOO76Vtz3l8iHXyPgmE8yswgWwcv-

 

2. You can still see the ACCOUNT text overlapping the icon in CART view page.

Please can this be removed?

 

Thank you so much!

 

 

 

Screenshot 2021-06-14 at 09.29.19.png

Screenshot 2021-06-14 at 09.29.13.png

Link to post
  • 0

1. Still can't access. Can you add 0$ product & share link?

2. I see fine here. Try clearing your browser cache

Link to post
  • 0
22 hours ago, nw7063 said:

Hi! Did you manage to look at this? As someone has just bought the 4 items I put for $0....

Thank you.

Not yet. Recently overloaded. I will check tonight. You can set password on it.

Edited by tuanphan
Link to post
  • 0
On 6/15/2021 at 5:57 PM, nw7063 said:

Not yet. Recently overloaded. I will checking now.

UNABLE TO ADD ITEM
Sorry, that item is out of stock.
Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...