-
Posts
17 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by jessmileur
-
-
@tuanphan I've tried using the above code on a site section, and I'm not sure where it's going wrong. Prior to using the code above, I used other CSS to get the containers close to similar sizes, but I want to add this as an additional guarantee that the blocks will remain the same sizes responsively.
Site/Section: https://www.brookesilvermanphotography.com/northern-virginia-team#northern-va-team-work
Code:
@media screen and (min-width:901px) { div#block-yui_3_17_2_1_1656263204463_17534+.row {display: flex;} div#block-yui_3_17_2_1_1656263204463_17534+.row .span-12 {background-color: #ffecdd;} div#block-yui_3_17_2_1_1656263204463_17534+.row> .col {flex: 1;} }
I have some other styling css for the image and text blocks. Pasting below in case it's interfering.
Other code in this section:
//Northern VA Team Work Background color// #northern-va-team-work{ background: #99753b; margin-bottom: -22vh; } //N VA Team Work Image border// #block-yui_3_17_2_1_1656257133185_36113 img{ border: 10px solid #ffecdd; } #block-yui_3_17_2_1_1656257133185_36113 .has-aspect-ratio { overflow: visible !important; } #block-yui_3_17_2_1_1656257133185_36113 .image-block-wrapper { overflow: visible !important;} //Northern va team work image margin right// #block-yui_3_17_2_1_1656257133185_36113{ margin-right: 1vh; margin-left: 1vh; height: auto; width: auto !important; } //northern va team work text background// #block-62b876c4ad3f7437f1916c9b{ background: #ffecdd; padding: 40px; margin-top: 1.89vh; margin-right: 1vh; padding-bottom:43px; margin-bottom: 8vh; margin-left: -1vh; } //Nothern VA team work h1// #block-62b876c4ad3f7437f1916c9b h1{ color: #3f4f3b; padding-top: 15px; font-size: 6vh; line-height: 5.8vh; } //Northern VA p team work// #block-62b876c4ad3f7437f1916c9b p{ line-height: 1.3em !important; font-size: .9em; margin-top: -5px; color: black; } //Northern VA H3 team work// #block-62b876c4ad3f7437f1916c9b h3{ margin-top: 4vh; font-family:"nexa"; font-weight: 400; text-transform: uppercase; line-height: 1.5em !important; font-size: .9em; color: #99753b; } //Northern VA Margin bottom spacer// #block-yui_3_17_2_1_1657232578207_5360{ margin-bottom: -6vh; }
Thanks for any insight!
-
Site URL: https://www.southernsoulyoga.com
I'm having an issue with a client site on mobile. It allows users to keep scrolling beyond the footer, revealing site padding. I've tried a variety of code to remove overflow, padding, etc with no luck. Any advice would be appreciated!
-
-
Site URL: https://meden.studio
Hello! As stated in the title, I'm trying to invert my logo on the order confirmation page and I'm not sure what's up. Here is my code:
#confirmed-page .header-title-logo img { -webkit-filter: invert(85%) !important; filter: invert(85%) !important; filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1') !important; }
Thank you for any insight!
Jess
How do I keep the Image and Text Box the same height in desktop?
in Customize with code
Posted
@tuanphan Yes! (Although, I must admit they aren't displaying like this on my end.)