Return to previous page

Info box - by ejder077 - on WordPress WooCommerce support

This topic has 12 replies, 3 voices, and was last updated 4 years ago ago by Olga Barlow

ejder077

Participant

April 23, 2020 at 09:26

1. May I ask why there is a divider shows out when the screen size decreases? The divider of the info box is disabled
https://prntscr.com/s4hzck
https://prntscr.com/s4hzfo

2. The icon is on the left side of the title, but it goes on the top of the title the screen size decreases while there is still lot of space on the left side of the title.
How can I settle the icon on the left of the title?
https://prntscr.com/s4hzl4

Thank you

Please, contact administrator
for this information.

#234379 Copied Theme version: Child 6.2.12

11 Answers

Rose Tyler

Support staff

April 23, 2020 at 12:24

Hello,

1) You need to disable it in settings of Callout – http://prntscr.com/s4lilg
2) It is the predefined behavior of this element, there is no option to change it, by default.

Regards

#234434 Copied

ejder077

Participant

April 23, 2020 at 15:03

1. Thank you
2. No additional coding as be used?

#234451 Copied
Olga Barlow

Support staff

April 23, 2020 at 16:48
Hello,

I have added custom code to make it inline even for the mobile device
```
.mpc-icon-column--style_3 .mpc-icon {
    float: left;
}
```
Regards
#234468 Copied
ejder077

Participant

April 24, 2020 at 08:02

May I ask where is the code? I copied and pasted the row but the icon of the new row is still on the top

https://ibb.co/Y2qFjPt

#234554 Copied

Olga Barlow

Support staff

April 24, 2020 at 11:06

Hello,

Add the mentioned code to page custom CSS http://prntscr.com/s5599x . Maybe you overwrote my changes of your home page.

Regards

#234572 Copied

ejder077

Participant

April 26, 2020 at 01:44

Hi,

The icon is on the left now, which is great. Can the title be on the left too?
https://ibb.co/LhVKfbB

Just like on desktop: https://ibb.co/mHxghZp

Thank you

#234694 Copied
Rose Tyler

Support staff

April 26, 2020 at 07:39
Hello,
```
.mpc-icon-column--style_3 .mpc-icon-column__heading {
    margin-left: 20px !important;
    text-align: left !important;
}
```
Regards
#234705 Copied
ejder077

Participant

April 27, 2020 at 01:50

Thank you.

There is a large margin between the title and the infoboxes when I view on phone. I think it is because I hidden 4 rows of infoboxes on phone. How can I eliminate the large gap?
https://ibb.co/HtQx39z

Thank you

Please contact administrator
for this information.

#234759 Copied

Olga Barlow

Support staff

April 27, 2020 at 09:30

Hello,

Check now.

Regards

#234768 Copied

ejder077

Participant

April 27, 2020 at 16:28

Thank you

#234807 Copied

Olga Barlow

Support staff

April 27, 2020 at 21:57

You are welcome.

Regards

#234835 Copied
Viewing 12 results - 1 through 12 (of 12 total)