Making content of page full width

  • Resolved clueless_but_hopeful

    (@clueless_but_hopeful)


    10 years, 9 months ago

    Hey,

    I would like to make the content of my page full width. When I add a background image that is full width but the text is not.

    I would love to give you a link to my page but it is not live yet so I do not think I can. All I can say is that I am using the Tessaract theme.

    I have tried going into the style.css but I am struggling to find the code that needs editing. And apart from that I have also read that you should rather use a Custom CSS plugin because if the theme gets updated it will overwrite any changes I made.

    So I installed a Custom CSS plugin.

    Can anyone provide me with the code I need to enter into the Custom Css to make the content of all my pages full width?

Viewing 2 replies - 1 through 2 (of 2 total)
  • leejosepho

    (@leejosepho)

    10 years, 9 months ago

    I have tried going into the style.css…
    I have also read that you should rather use a Custom CSS plugin…

    Yes, any edits you make to theme files are subject to delete-and-replace updates if the theme’s author ever offers any. A Custom CSS plugin protects you from that, and another option is to make and use a Child Theme that will only be subject to any updating you might do.

    To look for code to be changed, I use Firefox and do a right-click and “Inspect Element”, then find the part/s I need or want to change.

    I would like to make the content of my page full width.

    Look for instances of ‘#content’ and you might find its width statement/s. As a quick poke-it-and-see-what-happens wildcard experiment, maybe try one or the other of these in your custom CSS:

    #content {width:100%;}
    #content {max-width:100%;}
    Thread Starter clueless_but_hopeful

    (@clueless_but_hopeful)

    10 years, 9 months ago

    That worked. Thanx!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Making content of page full width’ is closed to new replies.