Return to previous page

Home Page 3 colom for Image - by yohantosadu

This topic has 16 replies, 2 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler

yohantosadu

Participant

May 14, 2018 at 06:27

help me to make Images from my Home Page at mobile view, to be 3 coloum.

single coloum
http://prntscr.com/jhj5mr

to

3 coloum like this:
http://prntscr.com/jhj64s

Please, contact administrator
for this information.

#192850 Copied Theme version: Legenda 3.6 WooCommerce version: 3.3.5

15 Answers

Rose Tyler

Support staff

May 14, 2018 at 08:46

Hello,

I would recommend you to check Responsive Options http://prntscr.com/jhkfzv https://wpbakery.com/video-academy/category/responsive/

Regards

#192870 Copied

yohantosadu

Participant

May 14, 2018 at 09:21

After following the instructions
ok I’ve made it into 3 columns
http://prntscr.com/jhkubc

how to make a margin like this:
http://prntscr.com/jhkun7

and how to close the distance between the title and the image

#192877 Copied Theme version: Legenda 3.6 WooCommerce version: 3.3.5

Rose Tyler

Support staff

May 14, 2018 at 10:39

Please follow this screenshot – https://prnt.sc/jhlww8

Regards

#192887 Copied

yohantosadu

Participant

May 14, 2018 at 10:42

How about Margin, between product images

http://prntscr.com/jhkubc

how to make a margin like this:
http://prntscr.com/jhkun7

#192888 Copied Theme version: Legenda 3.6 WooCommerce version: 3.3.5

Rose Tyler

Support staff

May 14, 2018 at 11:02

Please check Design Options for columns.

Regards

#192891 Copied

yohantosadu

Participant

May 14, 2018 at 12:19

can u show me via screenshoot for manage margin coloum?

#192901 Copied Theme version: Legenda 3.6 WooCommerce version: 3.3.5

Rose Tyler

Support staff

May 14, 2018 at 12:28

http://prntscr.com/jhnchp

Regards

#192903 Copied

yohantosadu

Participant

May 14, 2018 at 12:47

okay, and
how the image remains aligned, although ditasnya there is text with 2 lines

http://prntscr.com/jhnld9

#192908 Copied Theme version: Legenda 3.6 WooCommerce version: 3.3.5

Rose Tyler

Support staff

May 14, 2018 at 12:59

It depends on your content structure, so you can change it or add a custom class for row + custom css code in Theme Options > Custom css > Custom css for mobile, for example, http://prntscr.com/jhns7y + https://prnt.sc/jhnsh2
.test .wpb_content_element {min-height: 38px !important;}
Also, do not forget about image alignment settings – http://prntscr.com/jhnpzf

Regards

#192912 Copied

yohantosadu

Participant

May 14, 2018 at 13:43

wheather to go although cpanelto insert css code?

http://prntscr.com/jhof2i

#192918 Copied Theme version: Legenda 3.6 WooCommerce version: 3.3.5
Rose Tyler

Support staff

May 14, 2018 at 13:47
How to create custom.css you can watch in this tutorial – https://www.youtube.com/watch?v=Qok2zRedRMY.
use this code in custom.css file:
```
@media only screen and (max-width: 480px) {
 .test .wpb_content_element {min-height: 38px !important;}
}
```
Regards
#192920 Copied
yohantosadu

Participant

May 14, 2018 at 13:59

okay and how to eliminate the empty zone:

http://prntscr.com/jhooo0

#192923 Copied Theme version: Legenda 3.6 WooCommerce version: 3.3.5

Rose Tyler

Support staff

May 14, 2018 at 14:17

You need to set margin-bottom 0px for rows which are hidden on mobile.

Regards

#192929 Copied

yohantosadu

Participant

May 14, 2018 at 14:28

okay thank you for Great Service

#192932 Copied Theme version: Legenda 3.6 WooCommerce version: 3.3.5

Rose Tyler

Support staff

May 14, 2018 at 14:46

You’re welcome!

Regards

#192935 Copied
Viewing 16 results - 1 through 16 (of 16 total)