• Resolved Pvteyez

    (@pvteyez)


    I’m using the twenty-eleven theme. One column, no side bars. I’d like to put a decorative frame around that column so it doesn’t look so bland with the sharp edge between the content and background. Any thoughts?

    https://www.pvteyez.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • One simple thing is to add a border around the content. Try adding this to the end of your child theme’s style.css:

    .singular #primary {
        border: 15px groove blue;
        margin: 0 -15px;
    }
    Thread Starter Pvteyez

    (@pvteyez)

    That is almost what I’m looking for. Is there a variation that will include the header and footer? I want to frame the whole thing

    Give this a try:

    .one-column #page {
        border: 15px groove blue;
        margin: 0 -15px;
    }
    Thread Starter Pvteyez

    (@pvteyez)

    That is sooo close. Can’t thank you enough. One last thing…

    I can work with that frame and make it look the way I want it to. The concept you gave me is exactly what I was trying to figure out. I left that change in place as you gave it to me so you can see the result. Now, the change frames the whole thing but left justifies it on the screen instead of centering it. Can you take one more look and help me to center the whole thing so I don’t have all that empty background on the right? at your convenience. You’ve already helped a bunch. I feel like an amateur here. I’ve been coding for many many years but this is my first dive into php and wordpress so I’m going through a frustrating learning curve.

    OK, try changing the margin to 15px auto;

    .one-column #page {
        border: 15px groove blue;
        margin: 15px auto;
    }
    Thread Starter Pvteyez

    (@pvteyez)

    That’s awesome, thanks so much. Not exactly what I envision for the finished product but much closer than where I was. The rest will be a learning experience for me. Couldn’t have done it without you. Thanks for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Frame the center column’ is closed to new replies.