New to the community? Start here

[General] CSS customizations

I want to make the photo section of the cards longer, and move the position of the photo because most of the cover photos are positioned downwards.
Page: /programs/

Thu, 4 Jun 2020 17:04:30

Patrick Freitas
- Staff
- 1,700 pts: Hero points 17,410 pts: Rep. points LEVEL 29
Hi Joie Cruz

Hope you are doing well.

Had you managed to fix it?

I can see the images are fitting the container now.

But, if you would like to increase the card size a bit more, you can try this CSS:
```
.results-view .grid-item{
    position: relative !important;
    left: unset !important;
    top: unset !important;
}
.results-view .lf-type-2 .lf-item{ height: 300px;}
.results-view .lf-background{ height: 70%; }
```
You can add it on WordPress > Appearance > Additional CSS.

As the plugin is using absolute position, which isn’t a good practice for this task, we need first need to switch to relative and unset the top and left.

Then the box can be increased without affecting the positions.

Let us know if you need any further help on this.
Best Regards
Patrick Freitas
Joie Cruz
- WPMU DEV Initiate
- 54 pts: Hero points 21 pts: Rep. points LEVEL 1
Hi Patrick! This is amazing! I was able to do this already. Thank you so much!

I have one question:
1. For our explore page here: https://sikap.wpmudev.host/explore-alternate-2
I was wondering if we could set the default zoom level of the map on page load to this:

Hope you could help!
Ohidul Islam
- Staff
- 265 pts: Hero points 1,104 pts: Rep. points LEVEL 8
Hi Joie Cruz,

Glad to hear back from you!

I believe that the zoom level can be changed to the position you want. I have inspected the site and could see there’s some value regarding the zoom level and it was set from the page builder widget. Currently, the values are set is, zoom=10, min zoom=1, and max-zoom=18.

I would suggest you go to edit the explore page and edit the Elementor widget used for that map and try to find if there are any zoom settings that you can set lower to 2-4 according to your need.

Kind regards,
Ohid