-
Content Count
8 -
Joined
-
Last visited
-
ErinPetree reacted to an answer to a question: How can I make a summary block background display the device width?
-
I need help figuring out how to keep the summary block background on this page from being wider than the viewport. It took me forever how to figure out how to get the background to be full-width on desktop. It seems to all be shaping up except for the right side extended past the viewport on mobile devices. I would greatly appreciate any insight. Thank you!!!
- 4 replies
-
- responsive
- mobile
-
(and 2 more)
Tagged with:
-
How can I make a summary block background display the device width?
shawnana replied to shawnana's question in Coding and Customization
I figured it out on my own. I made the left and right margin of the summary block wrapper -300px and I made the left and right padding of it 300px. #block-yui_3_17_2_1_1574400161847_5399 .summary-block-wrapper {background: #e4e4e4; margin-left: -300px; margin-right: -300px; margin-bottom: 0; padding-bottom: 3vw; padding-left: 300px; padding-right: 300px; margin-top: 0;}- 1 reply
-
- full-width
- summary-block
-
(and 1 more)
Tagged with:
-
Does anyone know how to make the background color of this summary block on this page extend the width of the device?
- 1 reply
-
- full-width
- summary-block
-
(and 1 more)
Tagged with:
-
Make Summary Block Background Color Span Viewport
shawnana posted a question in Coding and Customization
Hi there! I can not for the life of me get the background-color of the Summary Block on this page to span the full width of the viewport without the text expanding too. How can I get the background-color to be fullbleed across the viewport while maintaining the current text position? I would so appreciate if you could help! Thanks! -
Thank you!
-
shawnana reacted to an answer to a question: Image Block Alignment
-
Hi there! I'm trying to align the image block on this page with the summary block that is below it. I've been able to do make it work on desktop by using this CSS: div#block-yui_3_17_2_1_1574532362580_9047 { margin-left: -44px !important; } However, on mobile, it's way left and I'd just want to image centered on the page. I sense that I'm going about it wrong in the first place and I'd like to do it correctly. But perhaps how I fixed on desktop is sound but I can't seem to do it on mobile. For mobile, I tried: @media only screen and (min-width:769px) and (max-width:991px)
-
shawnana reacted to an answer to a question: Change color of footer (York template)
-
Change color of footer (York template)
shawnana replied to Bealala's question in Coding and Customization
Thank you! That worked!- 7 replies
-
- footer
- york-template
-
(and 2 more)
Tagged with:
-
shawnana changed their profile photo
-
Change color of footer (York template)
shawnana replied to Bealala's question in Coding and Customization
@tuanphanCan you post that code? I'm having the same issue- 7 replies
-
- footer
- york-template
-
(and 2 more)
Tagged with: