lfang2

@creedon Oh my gosh! It works thank you so much!!!!! lol I try so many variation of code before. Thank you again!!!!

Sorry for the delayed response. i haven't been able to work on the site recently. Unfortunately, I have an basic account and I can't inject codes. :x

@creedon Yes! Except I only want to change the font color of the paragraph to dark grey. The title, Problem Statement will be left the same in bold & black.

Hi @creedon! LOL its there i only made ONE drop down and its probably small. It's under research the persona labeled Brandon's journey.

Hi, www.lesliefang.com/pawalong I been trying to change the color in accordion paragraph text to dark grey. I try to find a code but only see it for specific word.

@Ziggy Yes please that would be so awesome if you can. The new fluid design has me confused and having to rearrange a whole bunch of things as i edit my porfolio. I'm not sure what you mean with heading? The text I use which is oswald is under the heading when I click on it to edit? If I'm understaind you correctly?

Hi @Ziggy, I'm not to worry about the SEO as most the images I use in text are not seo friendly and mostly only titles. The main reason, I want the text to the same size so it looks the same all across my portfolio.

For now my workaround is making the text into a image so it doesn't auto scale.

Site URL: https://www.lesliefang.com/pawalong Hiiii, The new font scaling is not working well for me in mobile view. If I leave it on regular view it's oversized and if I scale it to fit, it throws the alignment all off. Is there a way to to make them all match the same font size? When not the font is not scale the font (as attached below) looks so awkward. If I scaled the font its look to0 small and out of sync with the rest of the title blocks i have.

@tuanphan Thank you so much!!!!

I'm sorry @bangank36 I think i confused you I just use the number 1111111 as a example. :x The block I am trying to fix is too small the image as picture above. I try to use block-b9e49c50f6dd58a441ec to adjust the image size on mobile but all it does is change the margin.

Site URL: https://www.lesliefang.com/pawalong Hi, I try searching on the forum for other code but my usual (sample below) is not working for me. Instead it'll push the margin outside of the screen instead of resizing. Is this because of the update? It's driving me insane. As you can see in the screen shot above the image size is way too small on mobile lol. Please help!

YES THAT WORKS! Thank you so much @tuanphan! It finally show up.

Hi @tuanphan I didn't made any edits only copy and paste. I will paste all my codes from custom CSS below. /* Float buttons hover color */ ul.tp-float-buttons a:hover { color: cornflowerblue; background-color: white; } /*Scrolling for float buttons */ html { scroll-behavior: smooth !important; } /*Resize html code block margin */ #block-yui_3_17_2_1_1648756245201_8682 { margin-top: 5%; margin-bottom: -5%; } /*Resize block margin */ #block-yui_3_17_2_1_1651774340364_46974 { margin-top: 0%; margin-bottom: -9%; } #block-yui_3_17_2_1_1651774340364_76792 { margin-top: 0%; margin-bottom: -9%; } #block-yui_3_17_2_1_1651774340364_127042 { margin-top: 0%; margin-bottom: -9%; } #block-yui_3_17_2_1_1651774340364_144402 { margin-top: 0%; margin-bottom: -9%; } #block-28ba7bea327835232ba2 { margin-top: 0%; margin-bottom: -8%; } /*Resize images desktop */ #block-6b71612d906ca3a8a193 { width: 55% !important; margin: 0 auto; } #block-yui_3_17_2_1_1651082593061_249403 { width: 70% !important; margin: 0 auto; } #block-b22c525103555017dc85 { width: 77% !important; margin: 0 auto; } #block-e75c02ccf5a2b3d218d8 { width: 55% !important; margin: 0 auto; } #block-7b22c016ad2da8d7fb7b { width: 80% !important; margin: 0 auto; } #block-2f4096ed33cb45aacfe6 { width: 75% !important; margin: 0 auto; } #block-e5b7903c559f46d79a66 { width: 74% !important; margin: 0 auto; } #block-2d3c45a1f8276ae5e0a3 { width: 75% !important; margin: 0 auto; } #block-yui_3_17_2_1_1651082593061_249403 { width: 95% !important; margin: 0 auto; } #block-yui_3_17_2_1_1651000372674_27007 { width: 90% !important; margin: 0 auto; } #block-yui_3_17_2_1_1651113089004_16720 { width: 75% !important; margin: 0 auto; } #block-0c11319bad0ca9f9dfe6 { width: 60% !important; margin: 0 auto; } #block-yui_3_17_2_1_1654034917877_17026 { width: 35% !important; margin: 0 auto; } /* CSS FOR TABLET AND MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; @tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)"; /* CSS FOR TABLET */ @media @tablet { /* Insert Code for Tablet Below This Line*/ /* Insert Code for Tablet Above This Line */ } /* CSS FOR MOBILE */ @media @mobile { /* Insert Code for Mobile Below This Line*/ #block-yui_3_17_2_1_1650319070365_6611 { /* Hide hover menu */ ul.tp-float-buttons { visibility: hidden; } /* Hide mobile header */ ul.tp-float-buttons { display: none; } } #block-yui_3_17_2_1_1649700073426_9651 { width: 96% !important; margin-top: -7%; margin-bottom: -5%; } #block-yui_3_17_2_1_1650051913040_46731 { width: 30% !important; margin: 0 auto; } #block-yui_3_17_2_1_1650322301445_28998 { width: 30% !important; margin: 0 auto; } #block-yui_3_17_2_1_1649700073426_9651 { width: 105% !important; margin: 0 auto; } #block-yui_3_17_2_1_1649790152842_9027 { width:35% !important; margin: 0 auto; } #block-yui_3_17_2_1_1649704877348_22842 { width:75% !important; margin: 0 auto; } #block-yui_3_17_2_1_1649732310307_32259 { width:70% !important; margin: 0 auto; } #block-yui_3_17_2_1_1649732310307_48190 { width:50% !important; margin: 0 auto; } #block-f18f0f2fc97fc0500c1d { width:50% !important; margin: 0 auto; } #block-yui_3_17_2_1_1648756245201_5868 { width:65% !important; margin: 0 auto; margin-top: -22px; } #block-yui_3_17_2_1_1650503941866_7444 { width:50% !important; margin: 0 auto; margin-top: -22px; } #block-yui_3_17_2_1_1648756245201_8682.sqs-block.code-block.sqs-block-code { margin-top: 35px; margin-bottom: -30px; } #block-b22c525103555017dc85 { width: 55% !important; margin: 0 auto; } #block-7b22c016ad2da8d7fb7b { width: 55% !important; margin: 0 auto; } #block-0c11319bad0ca9f9dfe6 { width: 58% !important; margin: 0 auto; } #block-e5b7903c559f46d79a66 { width: 65% !important; margin: 0 auto; } #block-2d3c45a1f8276ae5e0a3 { width: 69% !important; margin: 0 auto; } #block-2f4096ed33cb45aacfe6 { width: 71% !important; margin: 0 auto; } #block-1993081fa1499047d740 { width: 50% !important; margin: 0 auto; } #block-5f847f0beee4ea4ee9e4 { width: 50% !important; margin: 0 auto; } #block-yui_3_17_2_1_1653586622226_134042 { width: 50% !important; margin: 0 auto; } [data-section-id="626980d1d9e96013fd7e8766"] { min-height: 10vh !important; height: 10vh !important; } [data-section-id="62507d9fca29bc23537d2947"] { min-height: 8vh !important; height: 8vh !important; } [data-section-id="62698675df6cb02eb0441d25"] { min-height: 1vh !important; height: 1vh !important; } [data-section-id="6269868d8b2e2c4392d1f537"] { min-height: 1vh !important; height: 1vh !important; } [data-section-id="626986a1b4c1367b5beb13ce"] { min-height: 2vh !important; height: 2vh !important; } [data-section-id="62507bf930f8e53fcf4f11ba"] { min-height: 17vh !important; height: 17vh !important; } [data-section-id="625f3413f4422920a1b76e80"] { min-height: 17vh !important; height: 17vh !important; } [data-section-id="624deabc2b3a56460e02ef43"] { min-height: 20vh !important; height: 20vh !important; } [data-section-id="62589c0ab5bcbc1484f43174"] { min-height: 4vh !important; height: 4vh !important; } [data-section-id="6258e12d4638103d51ef6153"] { min-height: 18vh !important; height: 18vh !important; } [data-section-id="62684f58eeb4040f2fc235d1"] { min-height: 2vh !important; height: 2vh !important; } [data-section-id="62684d602e5e6805472ec85b"] { min-height: 2vh !important; height: 2vh !important; } [data-section-id="626c430b70c93524a10eb864"] { min-height: 6vh !important; height: 6vh !important; } [data-section-id="623cce9b217b9c661db8fd34"] { min-height: 6vh !important; height: 6vh !important; } @media screen and (max-width:991px) { .header-display-desktop { display: flex !important; } .header-display-mobile { display: none; } .header-burger { display: none; } .header-nav { display: flex !important; } .header-nav { display: flex !important; flex: 70% !important; justify-content: flex-end; } .showOnDesktop .header-actions-action.header-actions-action--cart { display: none; } .header-title { width: 10% !Important; flex: 10% !Important; } } }