Remove border around image

Excursionist
36 0 31

Hi,

Is it possible to remove the grey border around the image in the Products Section? I'm currently using the Minimal Theme.

If yes, how can i do that?

Thanks.

0 Likes
Shopify Expert
9922 75 1439

An edit of your css would do the job. This would change the border everywhere:

.image a {
   display: block;
   border:none; 
}

If you want to change just the featured image:

div.featured.image a{
   display: block; 
   border:none;
}

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
Excursionist
36 0 31

Hi,

Previously i was also using Minimal but i don't remember seeing the border but suddenly today it appears. Do i need to add in that 2 codes in style.css or are they already there and i just need to edit? sorry, i'm not good at coding.

Thanks.

0 Likes
Highlighted
Excursionist
36 0 31

Hi,

Oh. Sorry i saw the options at the theme setting. Thanks. :)

Btw, can i ask another question regarding pagination? I'm trying to customize page navigation. I used the below code and paste it at pagination.


{% if paginate.previous %}
    {{ paginate.previous.title | link_to: paginate.previous.url }}
  {% endif %}
  {% for part in paginate.parts %}
    {% if part.is_link %}
      {{ part.title | link_to: part.url }}
    {% else %}
      {{ part.title }}        
    {% endif %}        
  {% endfor %}      
  {% if paginate.next %}
    {{ paginate.next.title | link_to: paginate.next.url }}
  {% endif %}

May i know if i want to customize it to something similar to the attached image, do i do it within the pagination.liquid?

Many thanks!

0 Likes
Shopify Expert
9922 75 1439

May i know if i want to customize it to something similar to the attached image, do i do it within the pagination.liquid?

Not 100% sure what the question is here. Are you asking how to change the appearance so the numbers appear in the nice circles? or something else?

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
Excursionist
36 0 31

Hi,

Sorry, yeah i'm trying to change the appearance to look something like the attached image. Thanks.

0 Likes
Shopify Expert
9922 75 1439

Here is a quick jsfiddle that might help with the css. It's only rough, but it will give you idea on how to make the circles: http://jsfiddle.net/N9ptE/

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
New Member
1 0 0

Where exactly can I find it so I can change it and remove the border?

0 Likes
Excursionist
36 0 31

Hi Janice,

At the Admin, Themes > Themes Setting > Collection View. Uncheck "Show border around photos". :)

0 Likes
Excursionist
36 0 31

Hi Jason,

I have looked through the link you have provided. It shows that the page numbers are been created but i only want the page number to appear if the page exist instead of create 10 pages but page 3 - 9 has no products.

As for the customization code, do i insert the code at the pagination.liquid?

Thanks.

0 Likes