truero2
-
Posts
2 -
Joined
-
Last visited
Reputation Activity
-
truero2 got a reaction from efranken in Rounded Corners on Summary Grid different from Summary Carousel
Site URL: https://eatwanderexplore.com/europe
I am trying to round out all 4 corners of my summary grids, but only the top 2 corners of my carousels. The images themselves are rectangular and vertical, not square.
This code has worked somewhat, but it changes ALL of the corners for all types of summaries.
.sqs-block-summary-v2 .summary-thumbnail {
border-radius: 15px 15px 0px 0px !important;
moz-border-radius: 15px 15px 0px 0px !important;}
see images.
page url: https://eatwanderexplore.com/europe
-
truero2 reacted to Beyondspace in Rounded Corners on Summary Grid different from Summary Carousel
I saw you place so much region code to achieve that, but it worthy right.
Yes your old code is site wide and the additional.one will apply to one block only
-
truero2 got a reaction from Beyondspace in Rounded Corners on Summary Grid different from Summary Carousel
Excellent! Thank you very much.
Just wondering, do I have to call out the specific blocks because the other bit of code is site-wide?
P.S. We like the geochart too - but they do require quite a bit of work to set up!
-
truero2 reacted to Beyondspace in Rounded Corners on Summary Grid different from Summary Carousel
Get the block unique id and add this custom css, btw the geochart is well implemented and looks great!
https://chrome.google.com/webstore/detail/igjamfnifnkmecjidfbdipieoaeghcff
#block-yui_3_17_2_1_1620543945167_14061.sqs-block-summary-v2 .summary-thumbnail { border-radius: 15px !important; }
-
truero2 got a reaction from Beyondspace in Rounded Corners on Summary Grid different from Summary Carousel
Site URL: https://eatwanderexplore.com/europe
I am trying to round out all 4 corners of my summary grids, but only the top 2 corners of my carousels. The images themselves are rectangular and vertical, not square.
This code has worked somewhat, but it changes ALL of the corners for all types of summaries.
.sqs-block-summary-v2 .summary-thumbnail {
border-radius: 15px 15px 0px 0px !important;
moz-border-radius: 15px 15px 0px 0px !important;}
see images.
page url: https://eatwanderexplore.com/europe
