aligments images and columnt

ivokk
13 Posts
ivokk posted this 12 May 2020

Hello q
I am creating a Drupal site with columns on home page.
https://np-plast.com/
I would like to fix images to be the same with with columns.
When I make this manually on PC view, than on mobile view it putting some margin's left-right.
Are there any setting that can fix the image size to be the same with like column?
Br
Ivo

Hello q I am creating a Drupal site with columns on home page. https://np-plast.com/ I would like to fix images to be the same with with columns. When I make this manually on PC view, than on mobile view it putting some margin's left-right. Are there any setting that can fix the image size to be the same with like column? Br Ivo
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 13 May 2020

Hello,

try adding this code to Home -> Settings -> Additional CSS:

@media (max-width: 767px) {
.bd-imagelink-* {
    width: 100%!important;
    height: auto!important;
}}

If it doesn't work, try adding it without @media, like this:

.bd-imagelink-* {
    width: 100%!important;
    height: auto!important;
}

Gina
Themler Support

Hello, try adding this code to Home -> Settings -> Additional CSS: @media (max-width: 767px) { .bd-imagelink-* { width: 100%!important; height: auto!important; }} If it doesn't work, try adding it without @media, like this: .bd-imagelink-* { width: 100%!important; height: auto!important; } Gina Themler Support
ivokk
13 Posts
Is Solution
ivokk posted this 02 June 2020

Hello Gina,
Sorry but the pictures are looking squeezed.
Please look at this link
https://np-plast.com/mosquito_net
Best regards
Ivo

Hello Gina, Sorry but the pictures are looking squeezed. Please look at this link https://np-plast.com/mosquito_net Best regards Ivo
Support Team
Support Team posted this 15 June 2020

Hello,

I am very sorry for the delay.

Add this code as well:

.bd-postcontent-13:not(.shape-only).bd-custom-image img {
height:auto!important;}

Gina
Themler Support

Hello, I am very sorry for the delay. Add this code as well: .bd-postcontent-13:not(.shape-only).bd-custom-image img { height:auto!important;} Gina Themler Support
You must log in or register to leave comments