Making boxes around header content widget and footer

  • Hello all, I am having trouble making separate boxs for a site that I am building. Right now it is just one big container with the header, content, widgets and footer. I would like to separate all of these if possible from this to this Any help or advice would be great thanks.

    I am using the twenty twelve theme. I would change the theme to something similar but I don’t want to lose anything.

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

  • Hi WylieEarp,

    I love the drawings! ?? What is your coding experience in terms of HTML, CSS & PHP?

    Also, you won’t lose anything but presentation when switching theme. Content is stored in a database, not some sort of flat file structure in the template files.

    Thanks

    Thread Starter WylieEarp

    (@wylieearp)

    I am seasoned ?? I just have not done a lot of coding lately. So for starts I should back up all my files?

    edit: I am kind of unfamiliar with PHP

    Lack of php shouldn’t be too much of a problem as you a manipulating presentation rather than logic.

    You’re absolutely right! Create a child theme and from here I would just edit the CSS in the style.css file in the theme directory. If you are unsure what to edit, I recommend you look into using Google Chrome’s developer tools.

    https://developers.google.com/chrome-developer-tools/

    Hope this helps!

    Thread Starter WylieEarp

    (@wylieearp)

    Actually it did not help. But thanks anyways. If anybody else could help me refresh my memory on how to do this that would be great.

    Thanks

    Sorry it didn’t help you. Maybe you should consider outsourcing this to a developer as it requires someone who can identify the particular elements of the page (using a set of dev tools) and adding appropriate margin, padding and borders to the theme (style.css file) as mentioned. There is no flick of switch solution to do what you are talking about.

    Thread Starter WylieEarp

    (@wylieearp)

    Or maybe not.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Making boxes around header content widget and footer’ is closed to new replies.