Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1190256
    John F
    Participant

    Hey 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?

    #1190257
    John F
    Participant
    This reply has been marked as private.
    #1190272
    Lely
    Moderator

    Hello John,

    Can you double check the URL above? It redirects me to https://www.hugedomains.com when I tried to access.

    #1226870
    John F
    Participant

    Hey Support,

    It’s lettersofhope.org

    Thanks for your help!

    #1227012
    Christopher
    Moderator

    Hi there,

    To change color and alignment, please see the attachment. Remove inline CSS color: #222; from headline’s style field.

    Remove resp-h class as well. To change font size, add font-size:12px; in headline’s style field.

    Add color:red; in blockquote’s style field.

    Hope it helps.

    #1232526
    John F
    Participant

    Thanks 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!

    #1232669
    Friech
    Moderator

    Hi 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.

    #1237051
    John F
    Participant

    I’m ok with the size, how would I align them to be centered together? Thanks!

    #1237333
    Lely
    Moderator

    Hello John,

    Please add GAP element on top of the Text element on the left.
    See this:http://demo.theme.co/integrity-1/shortcodes/gap/

  • <script> jQuery(function($){ $("#no-reply-1190256 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>