Help with Customisation of Website

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!

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;
}

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

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;
}

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

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);
}

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!

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

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?

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!

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?

just sent it through in private message.

thank you!

11 minutes ago, nw7063 said:

just sent it through in private message.

thank you!

I still can't access, it redirects to homepage..

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!

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

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

Both the Chips and Soft Dried are now £0. £0 for shipping - and there are 2 available for each product. Is this what you meant?

Thank you

https://www.soulfruit.co.uk/shop/p/dragon-fruit-chips

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

Thank you.

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.

On 6/15/2021 at 5:57 PM, nw7063 said:

https://www.soulfruit.co.uk/shop/p/dragon-fruit-chips

Not yet. Recently overloaded. I will checking now.

THank you so much.

Please use this link - there should be 1 unit to be able to add to your cart

https://mandolin-octopus-fjwh.squarespace.com/config/pages/607eaca67771ea6ef9e273ea/categories/607eaca67771ea6ef9e273f1

Thank you!

On 6/18/2021 at 9:32 PM, nw7063 said:

THank you so much.

 

Please use this link - there should be 1 unit to be able to add to your cart

https://mandolin-octopus-fjwh.squarespace.com/config/pages/607eaca67771ea6ef9e273ea/categories/607eaca67771ea6ef9e273f1

Thank you!

Hi. The config is admin url, we can't access your site admin. Follow this guide to find page url.

Hi! I still don't quite understand what to do. I can't find the Confirmation Page to hover over the settings to change to enable page?

In general the pages are enables so visible. Can you still help??!

On 6/29/2021 at 7:22 PM, nw7063 said:

Hi! I still don't quite understand what to do. I can't find the Confirmation Page to hover over the settings to change to enable page?

In general the pages are enables so visible. Can you still help??!

Can you setup a 0$ product then share us url? We can place an order & access order confirmation page?

https://www.soulfruit.co.uk/shop/p/soft-dried-dragon-fruit

THere should be 2 of these items in stock for you to buy. Thank you!

Natalie