Tagged: x
-
AuthorPosts
-
September 25, 2016 at 9:37 pm #1190256
John FParticipantHey Support,
Was hoping you could help me with some styling on my home page.
1. I need to center row 1 headline “Bringing hope to the hopeless” to ideally fill most of the left side of the image. I would also like to make the font larger and a different color, how would I do that?
2. I would like to change the blockquote text color to the right of the above text, how would I do that?
September 25, 2016 at 9:38 pm #1190257
John FParticipantThis reply has been marked as private.September 25, 2016 at 9:48 pm #1190272
LelyModeratorHello John,
Can you double check the URL above? It redirects me to https://www.hugedomains.com when I tried to access.
October 22, 2016 at 8:07 pm #1226870
John FParticipantHey Support,
It’s lettersofhope.org
Thanks for your help!
October 23, 2016 at 1:21 am #1227012
ChristopherModeratorHi there,
To change color and alignment, please see the attachment. Remove inline CSS
color: #222;from headline’s style field.Remove
resp-hclass as well. To change font size, addfont-size:12px;in headline’s style field.Add
color:red;in blockquote’s style field.Hope it helps.
October 26, 2016 at 9:39 pm #1232526
John FParticipantThanks Chris, I was able to change most things, but I can’t get the text any larger to match the block quote to the right. Any suggestions? Thanks!
October 27, 2016 at 12:28 am #1232669
FriechModeratorHi There,
There is a responsive settings applied on that headline so we can not define a constant size for it. Unless we declare the inline STYLE as !important.
e.g.
font-size: 3.5em !important;But doing that means losing the responsive text effect on that headline element.
Or you can play with the Responsive Text settings compression, min-height, and max-height until you get the desired look.
Thanks.
October 30, 2016 at 7:11 pm #1237051
John FParticipantI’m ok with the size, how would I align them to be centered together? Thanks!
October 30, 2016 at 10:56 pm #1237333
LelyModeratorHello John,
Please add GAP element on top of the Text element on the left.
See this:http://demo.theme.co/integrity-1/shortcodes/gap/ -
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1190256 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
