C-bear

Hi @tuanphan & @creedon I would love some help with the same issue too please 🙏 

https://dinner-with-friends.com/prints

New order: All / New / Digital downloads / Dinner with friends / Dinner at home / Dinner al fresco

Thanks so much in advance!

9 hours ago, tuanphan said:

Which template do you use? I will try test it on my site

@tuanphan I am currently using Indigo, thank you so much!

On 7/14/2023 at 11:26 AM, tuanphan said:

The url doesn't exist now. Can you check it again?

Hi @tuanphan oh sorry I'm not sure why, here it is again!

https://dinner-with-friends.com/prints?category=Digital+Downloads 

If this works will I have to add it to multiple store pages? Thanks so much!

@tuanphan Thanks so much, I was able to add this code into the code injection > footer area but still haven't managed to add a heading on the digital downloads page, I'm not sure if I am doing anything wrong or the code isn't working.

If you have any other suggestions that would be greatly appreciated 🙏

Thanks so much!

@tuanphan 

Thank you so much for your help but when I paste the code into custom css it says syntax error, I couldn't find where 'code injection > footer' is 😞

I would love to be able to add a title & subheading to each different category page on the shop if possible please 🙏 

https://dinner-with-friends.com/dinner-with-friends

https://dinner-with-friends.com/dinner-with-friends?category=Digital+Downloads

https://dinner-with-friends.com/dinner-with-friends?category=Dinner+Al+Fresco

https://dinner-with-friends.com/dinner-with-friends?category=Dinner+at+Home

https://dinner-with-friends.com/dinner-with-friends?category=Dinner+With+Friends

And also on the templates page: (https://dinner-with-friends.com/templates)

Thank you so much!

Hello,

I would love to be able to add a subheading to each page on my shop. They are currently organised by categories, but there isn’t an option to add a title or heading to describe what page they are on.

I would also love to add an animated underline beneath each category title to show which page is active, is this possible?

And lastly, the social icons in the footer aren’t editable, I wanted to make them the same navy blue colour that I have on the rest of my website but I can’t seem to be able to edit them, please let me know if this is possible too?

Thank you so much for your help in advance!

Chloe

My website url is:

https://dinner-with-friends.com/dinner-with-friends

@tuanphan please let me know if there is anything I can do about this 🙏 

Thank you so much!

https://dinner-with-friends.com

@tuanphan I am having the same issue, the footer social icon color isn't editable. I can only have black or white or red? If you would be able to change it to a custom colour that would be really helpful so everything is in the theme 🙏

Thanks so much!

https://dinner-with-friends.com 

On 4/29/2023 at 8:09 AM, tuanphan said:

Add here?

No under the headings, when you click the different titles I wanted to add a little subheading describing what's on each page. They are all shop pages so the design feels limited.

Thanks so much!

Hi @tuanphan I have the same issue! I would love to add a title and description/subheading to my shop page but don't seem to have the option to add in blocks: 

https://www.chloebthomas.com

Thanks so much

That worked perfectly thank you so much! Is there a way to make the pop out navigation slimmer as it is quite wide currently? 

Hi @tuanphan 

it's https://www.chloebthomas.com 

Thanks so much! 🙏

I have started with the Indigo template for my new site, I am unable to edit the navigation headers from the original products to the name of my products. (I am selling art prints, the original site was selling blankets/bowls etc)

Similarly, the sidebar navigation had an extra panel next to it with the logo & an email subscribe button which I didn't want so deleted, but the blank panel is still there and I am not able to delete it, any help on either of these would be much appreciated 🙂

@tuanphan Hi the url is https://www.chloebthomas.com 

Thank you so much!

On 10/26/2022 at 6:20 PM, sayreambrosio said:

I don't know how to change the font on hover but I have mine set to italicize on hover with the code below.

// ITALIC HOVER FOR NAV LINKS
header nav a:hover{font-style: italic;}

 

Also, I would like the hover to be italicised as well but this doesn't work alongside the other code, is there a way to have both?

So ideally on hover only: Times new roman, lowercase & italicised 🙏

Whilst the navigation remains as the original uppercase font, not italic

Thank you so much x

Thank you so much that worked, the only thing is I would like the new font on hover to be lowercase while the first font remains uppercase, is this possible? Thanks! 🙏 

Hey I would love to achieve this effect as well, with a line above and below the navigation bar but the above code did not make any changes to my website... any help would be appreciated 🙂

Site url: https://www.chloebthomas.com 

Hey, I was wondering if anyone knew how to change the whole font on hover rather than just the colour? Thanks so much 🙂

17 hours ago, sayreambrosio said:

I don't know how to change the font on hover but I have mine set to italicize on hover with the code below.

// ITALIC HOVER FOR NAV LINKS
header nav a:hover{font-style: italic;}

 

Thanks so much for your response, I definitely think I want a completely different font but I appreciate your help! x

Hi, 

I would like to change the font of the word in the menu/navigation bar on my site.

I love the font I have so would like to keep that, and only when hovering the navigation bar I would like it to reveal a different font. (whilst also keeping my current animation of the line moving across the bottom of each word on hover)

Thanks so much!

I have the same problem but I want to keep the order of the current settings; choosing the colour first THEN choosing the size... how can I make this a possibility?

The default colour is green but when I choose pink on the dropdown menu it won't change to pink and I feel like that will deter the customer.

https://www.chloebthomas.com/shop/cherish

Hello I have a similar issue but the opposite way! I would love to move my text down on my site for the product page description... 

Website is:

https://www.chloebthomas.com/shop/7e0y648eeisvd2erkarvz9k38ebdid

Thank you so much!

6 hours ago, tuanphan said:

Try this new code

nav ul li a:after {
    content: "";
    background-color: blue;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease;
    border: none !important;
}
nav ul li a:hover:after {
    width: 100%;
    transition: all 0.3s ease;
}
nav.main-nav a:hover{
    border: none !Important;
}

 

That's worked perfectly thank you so much, the only thing is the underline is a little too close to the title, would it be possible to make the gap between the underline and the title the same as "Shop" in the picture attached?

5 hours ago, tuanphan said:

With underline, add this to Design > Custom CSS

li.gallery-collection a:after {
    content: "";
    background-color: blue;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease;
}
nav.main-nav li.gallery-collection a {
    position: relative;
    border: none !important;
}
li.gallery-collection a:hover:after {
    width: 100%;
    transition: all 0.3s ease;
}

 

Thank you so much! This worked perfectly but only for one title "illustration" not all of them?

On 4/21/2022 at 6:39 PM, creedon said:

Add the following to Design > Custom CSS.

#topNav nav .folder ul li a {

  margin-left : 7.5px;
  margin-right : 7.5px;
  padding-left : 0;
  padding-right : 0;
  padding-top : 0.5em;
  
  }

This is for v7.0 using the Wexley template.

Let us know how it goes.

Omg it's perfect thank you so much!!