Changing Themes and retaining certain elements

  • I am planning to eventually swap themes on my primary website (https://www.cinemasight.com) from the heavily-modified version I have (based on a theme about three years out of date) to Fastfood and use the custom CSS code box to add code to swap some of the more dominant visual features and formatting into the new theme.

    I’ve attempted this process on another website that I have that gets no traffic, so I’m not concerned if it looks like crap for awhile. It’s an experiment in trying to convert without messing up my existing site. That site is: https://www.behindthescreens.us.

    As you can see, I’m not having a lot of luck in changing the formatting. There are several issues that I’m trying to resolve, but without knowing the css tags that are affecting the various issues, I cannot modify it to get it to display correctly.

    The biggest issues, and the ones I’m most focused on resolving at present, are:
    1) getting the left column (body) and right column (sidebar) to change sizes to better reflect what’s on my prior site. This will also require that I figure out a way to modify the entire width of the theme.
    2) getting the background color to change (for the body of the site, not the individual posts, which need to remain the light gray color). When I experimented with this before, I found a very large grey block extending down from the header and overlaying the background that I couldn’t figure out how to remove.
    3) The individual posts on the left are supposed to have a double-line border, which is in my css code, but which seems to be overlaid by something else that seems to be preventing it from displaying properly.
    4) the head space between the title and the top of the individual posts is a bit too much, but I’m not sure if I just need to negative-margin the title or if there’s a much easier fix.

    Hopefully these issues aren’t too hard to fix or update and maybe I’m missing something really obvious on some of them, but after you bang your head against something for awhile, leave and come back and still can’t figure it out, then it’s time to ask for help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • .

    (@techievous)

    1)

    You can control the left’s width with this:

    .posts_narrow {
    width: 800px;
}

    You can control the sidebar’s width with this:

    #sidebardx {
    width: 200px;
}

    And you can control the width of the entire page as a whole with this:

    #content {
    width: 1040px;
}

    —————

    2) You can use this:

    #content {
    background: #500000;
}

    ————

    3) I’m not sure I understand this. Could you please elaborate a bit?

    ————-

    4) If you mean something like this screenshot, then this should work:

    #content .hentry {
     padding-top: 0;
}

    ===============

    On another note, your site doesn’t have responsive design built in (meaning it only works on desktop views). Nowadays supporting mobile devices is pretty much required; you might want to pick another theme or consider hiring someone to do the conversion for you.

    Thread Starter OscarGuy

    (@oscarguy)

    Tbanks. Those went a long way to fixing my many issues. There’s still one issue with item 4, I set it to 10px as I do want a slight bit of the post to show above the title header, but this only worked on the posts after the first. The first has a 0 padding and I’m not sure why that one didn’t change while the others did.

    I also assume that I can add padding elements to the #content div to move the text away from the absolute edge of each post.

    As to item 3, each post on the front page is surrounded by a border, a double-line that’s gold in color. The left, top and right have the double-line, but the bottom seems to just end without that bottom border.

    A side question that might help me figure out some of my other issues. #content changes what’s on the front page, but when I click on the individual posts, most of the changes don’t carry through. Is there a different div I should be adding to include the individual posts as well? And will that also affect pages?

    Thread Starter OscarGuy

    (@oscarguy)

    Another question: is there a way to expand the default size of the window to put the additional css into? It seems to be a very tiny space and it’s hard to see everything that’s in the box easily.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Themes and retaining certain elements’ is closed to new replies.