Profile theme: content and sidebar widths

  • Unknown's avatar
    thevenerable1 · Member ·

    Rich Spees has selfishly gone on vacation. Words fail: imagine putting your family holiday before helping irritating old bloggers !
    ;-)
    So I need genuinely knowing input from staff, please – not someone’s taking a stab in the CSS forum.
    I would like to have content and sidebar much wider – filling almost the entire width, if this won’t completely stuff its responsiveness.
    ALSO ! – I want each individual post page to look exactly the same as the site front page. I’ve induced the front page to include most of my image; but I don’t know how to apply that to the individual post pages …

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    shawnajroberts · Member ·

    Hi there!

    It looks like you’ve had many tickets with us regarding CSS changes for your site. You may be interested in taking one of the many free online HTML/CSS classes that are available. Here area links to two that I’ve personally gone through and enjoyed:

    http://www.codecademy.com/courses/web-beginner-en-HZA3b/0/1

    https://www.codeschool.com/paths/html-css

    As for your current requests:

    I would like to have content and sidebar much wider – filling almost the entire width, if this won’t completely stuff its responsiveness.

    Can you tell me what, if anything, you’ve already tried to make these changes? By “the entire width” do you mean from where it is all the way to the right edge of the page?

    I want each individual post page to look exactly the same as the site front page.

    I imagine you mean you’d like the white background for the post content and the yellow h4 color? Here’s some code to do this:

    .profile-singular.profile-relative-text .postarea h4 a {
color: #e7ad1c;
text-shadow: 1px 1px 1px #999;
}

.single-post .postarea {
background: #FFFFFF;
margin: 48px 0px;
padding: 36px;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 2px 2px 0px rgba(0, 0, 0, .06);
-moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, .06);
-webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, .06);
border-bottom: 1px solid rgba(0, 0, 0, .12);
}
  • Unknown's avatar
    designsimply · Member ·

    I would like to have content and sidebar much wider – filling almost the entire width, if this won’t completely stuff its responsiveness.

    I think you’ve gotten this one covered by using this custom CSS already:

    .row {
	width: 100%;
	max-width:1180px;
	min-width:727px;
	margin:0 auto
}

    If you are still seeing a lot of content to the left and right of the .row element, it’s because of the max-width: 1180px rule in your CSS. You can either update that to be wider across the board or add a media query to make the max-width wider for very large screens.

    Here is the media query help page if you want to give creating a media query a try and then let me know if you get stuck:
    http://en.support.wordpress.com/custom-design/custom-css-media-queries/

    Aside: I noticed that you copy and pasted this CSS block from the theme CSS but you only changed one item in that block (the “max-width” rule):

    .row {
	width: 100%;
	max-width: 980px;
	min-width: 727px;
	margin: 0 auto;
	}

    If you aren’t changing the other lines, then you don’t need to include them. For example, you could just add this to your custom CSS to change the “max-width” instead and get the same result because the other lines don’t need to be overridden.

    .row {
	max-width: 1180px;
}

    ALSO ! – I want each individual post page to look exactly the same as the site front page. I’ve induced the front page to include most of my image; but I don’t know how to apply that to the individual post pages …

    This is not a simple request and will take some time to work out. I would be willing to work on it together with you and help you learn more about writing CSS along the way—which is one of our goals for this CSS forum. Does that sound good to you?

  • Unknown's avatar
    designsimply · Member ·

    Whoops. I didn’t see shawnajroberts’ reply before I sent mine. Sorry about that!

  • Unknown's avatar
    thevenerable1 · Member ·

    I’m most grateful for this input. And yes, I am constantly badgering Rich with regard to CSS: it has become a hobby to try out different themes and attempt to make them look how *I* want them to.
    I’ve often thought of doing a CSS course: I’d really prefer to attend one in person, so that I could similarly badger the lecturer, you know ? :D
    http://cce.sydney.edu.au/course/WDEV
    See the price ? :-( Living on the age pension means the idea is well beyond logic and/or reason.
    So these online AND FREE courses are more welcome, and more gratefully received by way of a pointer, than I can explain.
    [M-R falls to her knees and kisses Shawna’s toes]
    There now !

  • Unknown's avatar
    thevenerable1 · Member ·

    And I do not mean to overlook your input, Sheri, either !
    I’m very grateful to both of you !

  • Unknown's avatar
    designsimply · Member ·

    Thanks thevenerable1. You are such a character! :) :) :)

    I’ve often thought of doing a CSS course

    You should! Maybe try a few of the online ones even though you prefer in-person—you might find an online course that turns out to be great. They vary in quality, so don’t give up on them if you find a few that aren’t great to start.

    I’d really prefer to attend one in person, so that I could similarly badger the lecturer, you know ? :D

    Ha!

  • The topic ‘Profile theme: content and sidebar widths’ is closed to new replies.