Matching .org theme to .com

  • broomhandle

    (@broomhandle)


    12 years, 4 months ago

    I’ve just transferred this site: http://peterchamberlaincann.wordpress.com/ over to http://peterchamberlaincann.co.uk/ .

    I’d really like to get them to match up as close as possible.

    So how do I go about:

    Increasing the margins
    Increasing the line spacing
    Change the turquoise font colour to match the header
    Change all the galleries so when an image is clicked, it doesn’t load on it’s own page
    Edit the footer text
    Change the bottom border so it cuts of before the edge of the window

    Also, the sharing links are set to be on each page and each post page, but unlike on .com, they appear in the Blog feed as well – how can I change that?

    I’d also like to get rid of the “Media Artist” side panel and push all of the header and menu to the left in it’s place so it fills the whole column. But keep that lower side panel for the blog post info etc.

    Obviously I’ll need to edit the CSS, but I’m a bit of a novice with it. I can’t even find the header colour cos it’s numbered XXX instead of XXXXX!

Viewing 15 replies - 16 through 30 (of 30 total)
1 2
  • Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    How can I get the menu to be centered?

    I centered the header text but that also made every other heading centered as well, can I fix it so only the main header is centred?

    I removed all the widgets through the dashboard, but it’s replaced them with default ones that I can’t remove in the dashboard – how do I get rid of them?

    And also, I managed to get rid of the sidebar on the left, which was only useful for posts. Is it possible to have it so the blog still has that sidebar, but the other pages don’t? Do I need to create two stylesheets, one for pages and another for the blog?

    Finally, is editing the main theme CSS ok or will I eventually need to move all my changes to a child theme?

    [Please don’t bump]

    batharoy

    (@batharoy)

    12 years, 3 months ago

    All edits should be made to either a child-theme (especially if you plan on php file edits) or a custom css plugin; any edits to the default theme files will be gone if the theme is updated.
    Center the menu & Site title, you can then remove the center for h1 tags and other titles will align left:

    #masthead {
text-align: center;
}

    It looks like your widgets got pushed down (are these the ones your talking about?) you can hide them all or individually:
    Remove/hide widgets:

    .widget-right {
display: none;
}
.widget-left {
display: none;
}
.widget-middle {
display: none;
}

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    Thanks.

    The widgets didn’t get pushed down, that’s where they’re meant to be, at the bottom. But when I removed them in the dashboard, it replaced them with the ones that are there now. So I’ll try your code.

    How do I write the edits for the child theme though? Do I just take each section I want to change and put it into the child? Just like you have done in your code, a random jumble of different sections from the parent that I want to change?

    And which things will require editing the php files?

    batharoy

    (@batharoy)

    12 years, 3 months ago

    I don’t see anything that requires a child-theme cause it’s all just css edits so far. If that changes you will want to create a child-theme.

    For the css you only need to add any changes you make to a css plugin, you can /*comment your changes to make it easier to understand*/ notice the /* to start a comment and */ to end a comment.

    If you choose to create a child-theme, css edits can go in the style.css file.

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    Ok thanks. I don’t think your widget code worked.

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    The widget code worked, and I’ve put a lot of the changes back in!

    For some reason, I can’t put three images on the same line on the Portfolio page, it’s as if it’s stuck to the old margins, yet it hasn’t done that on the other pages.

    In the Leave a Reply box, the two “Notify me” sentences seem to be positioned in the wrong place, they’re all the way to the right, separate from the checkboxes.

    How can I change the top and bottom of the main white column so that they don’t meet the edges of the browser, like how it is at the bottom of the .com site? http://peterchamberlaincann.wordpress.com/

    batharoy

    (@batharoy)

    12 years, 3 months ago

    For the top/bottom space:

    #page {
margin: 20px auto;
}

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    Brilliant thanks.

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    I’ve copied footer.php into the child folder, and removed the credits from the right, but the copyright text isn’t in the .php, where can I edit it?

    Adjusting the line height for the entry content – this changes the size of the gap between lines of, but not the gap between images on separate lines. 🙁

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    *between lines of text

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    To hide the left sidebar, I used 

    .entry-meta {
	display: none
}

    but this has removed a 25px gap from above the “Welcome” etc. headings.

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    I want to remove the spacing around the footer text. Not the 3.6em margin but just so that there is less of a gap above and below the text.

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    I thought I’d sorted the main content problem, where on the Portfolio page, the text and images were stuck to the old 520px “margins”.

    It looks correct in Safari, but in Firefox, it looks the same as it does in the WP dashboard, with everything squashed into 520px aligned to the left.

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    Okay, I managed to get the 25px gap back by changing the “masthead margin-bottom” value to 25px.

    Still stuck on the other things though. 😀

    Thread Starter broomhandle

    (@broomhandle)

    12 years, 3 months ago

    These are the things I’m still trying to fix:

    -Increasing the line spacing between images on the Portfolio page

    -Change all the galleries so when an image is clicked, it loads on the same page with the background darkened out (not sure what the name of that is called, but it’s the way it’s set up on my .com site)

    -Edit the footer text to “2013-2014” and make it so there is less of a gap above and below the text – not the 3.6em margin but the paragraph margins. I used 

    p {
    margin-bottom: 5px;
    margin-top: 5px;
}

    which worked, but obviously that affects every paragraph, not just the footer.

    -Add some social network buttons to the footer.

    -In the Leave a Reply box, the two “Notify me” sentences are positioned in the wrong place, separate from the checkboxes, but I’m not sure where they’re meant to go. http://www.peterchamberlaincann.co.uk/blog/pendulum-rig/

    -On the Portfolio page and in the WP dashboard when I’m editing a post, the text and images are stuck to the old 520px “margins”. In Safari, it displays Portfolio correctly (http://s3.postimg.org/y9z3bcxqr/wp1.png) but not in Firefox (http://s3.postimg.org/mjl5tz4yb/wp2.png) or IE. This is how it looks in the dashboard (http://s3.postimg.org/bmju57i6r/wp3.png).

    -I want to keep the left sidebar for the Blog so it can display the post information etc. so how can I do this, do I need to set up a child for the child or what?

    Finally, once I’ve done all that, the site doesn’t display properly on my phone, I guess cos I extended the main column from 520px to 720px, it’s just thrown everything off.

Viewing 15 replies - 16 through 30 (of 30 total)
1 2

The topic ‘Matching .org theme to .com’ is closed to new replies.

Tags