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

remove line on shop page and reduce category type size


CASKATE

Recommended Posts

Hi there,

Looking for help with some custom CSS for an ecommerce site. 

I’m looking to remove the grey horizontal line and reduce the font size of the category titles.

 

🙃

 

 

Screen Shot 2020-11-05 at 18.20.05.png

Link to post
  • Replies 19
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Please add the following Design > Custom CSS. @media screen and ( min-width: 576px ) {   .products.collection-content-wrapper .nested-category-children::after {        all: unset;          }  

Add the following to your Custom CSS. .products-list .nested-category-children {   font-size: 0.75rem;      } Let us know how it goes.

Worked perfectly!! ☺️   Thank you! One final question, is it possible to change the colour of the vertical bar between categories or even remove it entirely? Ideally remove entirely. Thank y

Posted Images

Please post the URL to the page with the grey horizontal lines.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
On 11/5/2020 at 10:26 AM, CASKATE said:

I’m looking to remove the grey horizontal line

Please add the following Design > Custom CSS.

@media screen and ( min-width: 576px ) {

  .products.collection-content-wrapper .nested-category-children::after {
  
    all: unset;
    
    }
  }

 

On 11/5/2020 at 10:26 AM, CASKATE said:

reduce the font size of the category titles

I was unable to find the page with category titles on it. The URL posted is for the backend and we need access to the front end. To post the front end URL please take your site into Full Preview when you are on the page with categories. Then copy that URL from the address bar and post it here.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

I don't not see the gray lines or categories shown in the image of the original post.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

Add the following to your Custom CSS.

.products-list .nested-category-children {

  font-size: 0.75rem;
  
  }

Let us know how it goes.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

Worked perfectly!! ☺️   Thank you!

One final question, is it possible to change the colour of the vertical bar between categories or even remove it entirely? Ideally remove entirely.

Thank you so much for your help!

Edited by CASKATE
Link to post

Add the following to your Custom CSS.

.products.collection-content-wrapper .breadcrumb-separator {

  display: none;
  
  }

Let us know how it goes.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

@creedon

 

I have another question in relation to the categories titles, currently they are just visible on the general shop page is there a way to have them appear at the top of each category page also?

 

Thanks for all of your help to date!! Really appreciate it.

Edited by CASKATE
Link to post
16 hours ago, CASKATE said:

Just wondering if the spacing between categories and the shop can be reduced on desktop only?

Please post your site-wide password and we can take a look at your issues.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
On 11/20/2020 at 9:47 AM, CASKATE said:

I have another question in relation to the categories titles, currently they are just visible on the general shop page is there a way to have them appear at the top of each category page also?

I think you would need custom Javascript code to basically replicate the category titles down to the category pages. Not impossible but not an insignificant task. Every time you made a change to categories you would need to update the custom code with new categories.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
  • 4 weeks later...
25 minutes ago, BANKRUPTLOVE said:

Hello ! I tried the code above and didn't work.

Please post the URL to your shop page.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
1 minute ago, BANKRUPTLOVE said:

I do have another question but unrelated to this issue. (Matching navigation with the text blocks Im using as a "footer navigation")

I suggest starting a new thread with your question.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

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...