Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 15, 2020 at 12:20 pm #1230575
    lyndondarkes

    Hi,

    I have read through the Enfold documentation and set up a widget area in the header. That seems to work fine but I can’t find the correct CSS code to position the widget text to the right of the main container.

    I have been through the help forum and tried every bit of code I can find but the nearest I can find will align the widget to the absolute right of the screen, next to the scroll bar.

    Sorry to be a pain but I have spent a day looking and reading and I must be doing something wrong. I have attached screenshots, one for what I now have (after removing all CSS attempts), and one as I would ideally like it to look on large screens. Is it possible?

    Regards
    Lyndon Darkes

    July 15, 2020 at 12:24 pm #1230576
    lyndondarkes

    Screenshots

    This is what i have at the moment
    http://lyndondarkesdesign.co.uk/vss/screenshots/vss-screen-shot-actual.jpg

    This is what i would love to achieve
    http://lyndondarkesdesign.co.uk/vss/screenshots/vss-screen-shot-required.jpg

    Is it possible to have the the social icons in the main section too?

    July 15, 2020 at 9:27 pm #1230736
    Victoria

    Hi lyndondarkes,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    July 15, 2020 at 10:46 pm #1230767
    lyndondarkes

    Hi Victoria

    Home Page

    Lyndon

    July 17, 2020 at 1:29 pm #1231268
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #text-4 {
    position: absolute;
    right: 25px;
    top: -35px;
}

    Best regards,
    Rikard

    July 17, 2020 at 1:45 pm #1231276
    lyndondarkes

    Hi

    Thanks, ive added that code and it pushes the text widget right across to the right of the page. is there any way to have it inside the container, where the social icons are currently?

    Home Page

    This is what i would love to achieve
    http://lyndondarkesdesign.co.uk/vss/screenshots/vss-screen-shot-required.jpg

    Regards
    Lyndon

    July 19, 2020 at 7:08 am #1231524
    Rikard

    Hi,

    It’s not possible to get it into that container no, that is why you have to place it in an absolute position. You can try this instead:

    #text-4 {
    position: absolute;
    transform: translate(-70%, -50%);
    right: 0;
    top: 80px;
}

    If you need different values for different screens then try adding media queries with same code and different values.

    Best regards,
    Rikard

    July 20, 2020 at 8:26 pm #1231842
    xeovision

    I have the same issue, want to place text right.
    Can you provide the solution?

    July 22, 2020 at 5:08 am #1232180
    Rikard

    Hi xeovision,

    Please open a new thread and point out what you would like to change on your site.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.