module width and vertical gap

Votes

Undo

Hey Ciaran,

1) My number‘s texts within the numbers module overlap each other. This appears on smart phones in landscape mode (see photo) and on tablets in portait mode if the item title is very long. I would like to have the single numbers above each other in this case like it appears on smarphone‘s portrait mode. Is there a css code to manage this?

2) I would like to reduce the vertical gap between two modules. The attached photo shows modules in position bottom-1a and bottom-2a.

Thanks in advance for your assistance!

Responses (4)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Thank you

1. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

Edit to taste where 960px is the screen width items extend to 100%.

@media only screen and (max-width: 960px) {

  .j51_numbers .j51_numbers_item {

    flex: 0 0 100% !important;

    max-width: 100% !important;

  }

}

2. To amend also add the following custom CSS (edit to taste).

.bottom-1a .module_surround {

    padding-bottom: 0;

}

.bottom-2a .module_surround,

.bottom-2b .module_surround {

    padding-top: 0 !important;

}

Ciaran

more than a month ago
Free Templates / Extensions
# 1

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hello

Please include a URL to an example of these issues/

Ciaran

more than a month ago
Free Templates / Extensions
# 2

lazyroby

Accepted Answer Pending Moderation

Votes

Undo

Of course

more than a month ago
Free Templates / Extensions
# 3

lazyroby

Accepted Answer Pending Moderation

Votes

Undo

nice as always, thanks a lot!

more than a month ago
Free Templates / Extensions
# 4

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

module width and vertical gap

Site Links

Recommended

Join Our Newsletter