Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 26, 2018 at 2:00 am #962484
    promisecenterchurch

    Hello CSS gurus!

    on https://www.staging1.thepromisecenter.com you will see a header text widget with (Sneak Peek).

    There is a box shadow around the container.

    How do I move the container down so the text is centered within it?

    May 26, 2018 at 4:42 am #962498
    Mike

    Hey promisecenterchurch,
    Try this code in the General Styling > Quick CSS field:

    #enhancedtextwidget-2 .textwidget {
    margin-top: -20px !important; 
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    May 26, 2018 at 5:38 am #962506
    promisecenterchurch

    Mike,

    That CSS moves the text.

    I want the text to remain where it is, but have the container with the drop shadow be moved down to the center of the header where the text is.

    Terry

    May 26, 2018 at 7:37 pm #962581
    Mike

    Hi,
    I see, please try this instead:

    #header #enhancedtextwidget-2.widget {
top: 20px !important; 
}
#header #enhancedtextwidget-2 .textwidget {
    margin-top: -30px !important; 
}

    Best regards,
    Mike

    May 31, 2018 at 3:26 am #964598
    promisecenterchurch

    That worked.

    Please close ticket.

    May 31, 2018 at 10:41 am #964716
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header text widget positioning’ is closed to new replies.