Topic: page builder images with margin issues « SeaTheme

This topic has 4 replies, 2 voices, and was last updated 4 years, 8 months ago by SeaTheme.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
September 20, 2021 at 3:53 pm #25720

applemint
Participant

Purchased
Expired

Hi,

For a page built in PageBuilder, at a certain narrower browser width, images (added with Image box and with round mask) have no margin or white space to the adjacent text. Any suggestions for how to add a right margin there?

Thank you

WordPress Customization Service from $49 Only! Save your expensive time!

September 20, 2021 at 3:54 pm #25721

applemint
Participant

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

September 21, 2021 at 9:40 am #25725
SeaTheme
Keymaster

Purchased
Expired
Hi there,
Welcome to SeaTheme forum.

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:
```
@media (min-width: 768px) and (max-width: 991px) {
  .col-md-3 .image-box { 
    transform: scale(0.75);
  }
}
```
Regards!
SeaTheme – FAQs – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

September 21, 2021 at 5:28 pm #25734
applemint
Participant

Purchased
Expired
Hi,

Thank you for the code. It adds space between image and text.

1. However, is there a way to move/offset it to the left without scaling the images down? Scaling it down is messing up the vertical alignment that has been added in code.

2. If I want to limit this code to this specific page, can I add .page-id-944 as follows?
```
@media (min-width: 768px) and (max-width: 991px) {
.page-id-994 .col-md-3 .image-box {
transform: scale(0.75);
}
}
```
Thank you
WordPress Customization Service from $49 Only! Save your expensive time!

September 22, 2021 at 12:25 am #25740
SeaTheme
Keymaster

Purchased
Expired
Hi,

1. There is another solution.
Please re-define the column width by the alternative CSS:
```
@media (min-width: 768px) and (max-width: 991px) {
 .page-id-994 .col-sm-3 {
    width: 40%;
 }
 .page-id-994 .col-sm-9 {
    width: 60%;
 }
}
```
2. Yes

Regards!
SeaTheme – FAQs – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.