Okay
  Public Ticket #2852118
Text Positioning on Shape Divider
Closed

Comments

  • ocloer started the conversation
    August 18, 2021 at 4:29pm

    I'm looking to reposition text on top of a shape divider without making the shape divider larger. I've attached a screenshot of what it looks like currently. I'd like to lower the words so they're not on top of the woman's face without making the shape divider take up more room on the page so I can keep the icons above the fold. Any ideas? Fiddling with the padding seems to make the shape divider larger.

  •  1,878
    Judith replied
    August 18, 2021 at 4:54pm

    Hi Ocloer,

    Please send in your website url.

    Thanks.

  • ocloer replied
    August 18, 2021 at 5:58pm

    It's on a staging site currently: http://loud-rake.flywheelstaging.com/

  •  1,878
    Judith replied
    August 18, 2021 at 8:49pm

    Hi Ocloer,

    Please try this css:

    .vc_column_container>.vc_column-inner {
        top: 104px;
    }

    Thanks.

  • ocloer replied
    August 18, 2021 at 9:10pm

    Hi Judith, 

    That did work for that issue, however, it created that 90px of spacing in every section that contains an inner column on that page. Is there a way to target the first section (that hero section) only?


    Thanks!

    Olivia

  •  1,878
    Judith replied
    August 18, 2021 at 9:34pm

    Hi,

    Please remove the one I sent and try this one:

    .vc_col-sm-12.wpb_column.column_container.vc_column_container.col.child_column.has-animation.no-extra-padding.el_spacing_50px.inherit_tablet.inherit_phone.triggered-animation.animated-in {
        top: 208px;
    }

    Thanks.