Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Have full screen width div, but line text up within div

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #256978
    DavidBoggitt
    Participant

    Sorry, I know that’s really poorly explained, but I can point to the site where I’m trying to acheive this.

    It’s a Joomla website and an example page is here:

    https://www.drb-holding2.co.uk/about/wise-monkey

    Ideally, I’d like the page title div to be full-screen width. I have managed to do this (and have currently left it this way) with this CSS that I found on another site:

    position: relative;
    left: -50vw;
    width: 100vw;
    margin-left: 50%;

    However, is it then possible to line up the h2 title text “About Wise Monkey Financial Coaching” with the rest of the content below? I’ve currently got some padding-left in (15vw) but of course, this isn’t perfect.

    Sorry, I’m a real amateur about this and hoping for some help from the pros!

    Many thanks,

    Dave.

    #256983
    Paulie_D
    Moderator

    Here

    https://css-tricks.com/full-browser-width-bars/

    Since this purely a bg color I’d suggest the pseudo-element method..seems to be ideal.

    #256985
    DavidBoggitt
    Participant

    Thanks – I’ll take a look and get back with any questions :)

    #256988
    DavidBoggitt
    Participant
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.