Return to previous page

Help with outlining the products in grid view and pic resize

This topic has 8 replies, 2 voices, and was last updated 9 years, 12 months ago ago by Eva Kemp

webseomedia

Participant

November 21, 2014 at 16:32

Hello,

Would you please tell me what to add in custom css in order to outline the product frames. I need a solid line around the product frame and use background color.

Also, when opening a product, picture becomes pixeled, too big…How would it be possible to set the picture on a product page to be in a thumbnail view and only upon click to enlarge it?

#25966 Copied

7 Answers

Eva Kemp

Support staff

November 21, 2014 at 17:05

Hello,

Please provide us with wp-admin panel credentials in Private Content and show us a screenshot of what you want to achieve with the product frames.

Thank you.
Regards,
Eva Kemp.

#25973 Copied

webseomedia

Participant

November 21, 2014 at 17:39

Here is what I need:

[url=http://postimg.org/image/4ofk002q5/full/][img]http://s22.postimg.org/x1b1qgogh/scrnsht.png[/img][/url]

and

[url=http://postimg.org/image/5dfovzrcj/full/][img]http://s29.postimg.org/n3hdh14xj/scrnsht2.png[/img][/url]

Please, contact administrator
for this information.

#25983 Copied

webseomedia

Participant

November 21, 2014 at 17:40

Sorry

here it is

http://s29.postimg.org/n3hdh14xj/scrnsht2.png
and
http://s22.postimg.org/x1b1qgogh/scrnsht.png

#25984 Copied
Eva Kemp

Support staff

November 22, 2014 at 14:23
Hello,

Unfortunately we were unable to log in to wp-admin panel. Please check the credentials.
Please try to use this code in custom.css file:
```
.sidebar-position-without .row-count-4 .product {
    border: 2px solid black;
    background-color: grey;
    height: 270px;
}
```
How to create custom.css you can watch in this video tutorial(it’s for Legenda theme but the process is the same).

Concerning the image, you upload very small picture.
Please reupload it with approximate dimensions 1,425px × 1,900px.

Thank you.
Regards,
Eva Kemp.
#26061 Copied
webseomedia

Participant

November 22, 2014 at 14:56

Hello Eva,

Please see the credentials in PC.

Also is it possible to change the default picture size, as I will not have product pics with such huge resolution.

Thanks

Please, contact administrator
for this information.

#26071 Copied

webseomedia

Participant

November 22, 2014 at 14:57

Also,

Now these frames are right next to each other. Can we make a little gap between the boxes and make corners rounded?

#26072 Copied

Eva Kemp

Support staff

November 24, 2014 at 13:10

Hello,

I’ve added the following code into custom.css file:
.sidebar-position-without .row-count-4 .product {
border: 2px solid #000;
background-color: #808080;
height: 330px;
width: 250px;
margin-left: 15px;
border-radius: 8px;
}

.col-lg-4 {
width: 30%;
border: 2px solid #000 !important;
margin-left: 15px;
height: 370px;
border-radius: 8px;
background-color: #808080 !important;
}

You can edit background color and border color there.
Please check the products now.

Regards,
Eva Kemp.

#26179 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Help with outlining the products in grid view and pic resize’' has been successfully resolved, and the topic is now closed for further responses

Help with outlining the products in grid view and pic resize

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection