WordPress.org

Ready to get started?Download WordPress

Forums

Simple CSS Problem (7 posts)

  1. Bink
    Member
    Posted 9 years ago #

    I am new to WordPress. I am having a problem with my style sheet. I am using Kubrick's templates. Here is my website: http://binkology.com/memoir/ I can't seem to move this section over. The reason is...I don't know the name of the section I need to move over. Also, am I changing the margins in the Header file or the stylesheet or both?

    I have looked through the forums and have not found anything that will address this answer. I did find the anatomy of... I wish I had found that first. There was a design I wanted to use instead of this one.

    I am grateful for any help. I am very frustrated and honestly ready to go back to MovableType because I know it.

  2. Lorelle
    Member
    Posted 9 years ago #

    First, I recommend you read the article in the Codex Finding Your CSS Styles which will help you find exactly what you are looking for. It's like playing CSS detective.

    Second, when you change placement and margins on one thing, you have to take everything else into account. Makes it a little more complicated but it is solvable.

    Third, I took a look at your site and the part that I assume, since you weren't specific, that you want to move is the #footer.

    Does that help?

  3. Bink
    Member
    Posted 9 years ago #

    Thanks for your help. The problem was in the footer and the sidebar. Through a process of elimination I fixed the problem and am now ready to blog. :) Thanks! I have a book on CSS that frustration forced me to crack open while at work today. It is good reading. I plan to read this now then refer to the site you mentioned on WordPress and how it works completely. I believe my main problem is not knowing what corresponds to what section. I will get through it next time and create a more "risque" design. Thanks again!

  4. HugoA
    Member
    Posted 9 years ago #

    Is the problem sorted ? I've just looked there are errors,
    I would validate your page as there seems to be a missing closing div to accompany your opening #page

    With the footer you seem to have a problem with understanding the use of the padding /margin properties, remove all that heavy padding and negative margins then you footer should line up correctly.

    If you had posted the proper link when you posted this problem at csscreator.com then I could have solved this for you straightaway

    Always validate your pages as you work it saves a lot of wasted time for all concerned.

    it might be nice if the problem is solved to pop back to csscreator.com and close the topic off.

    Hugo.

  5. Root
    Member
    Posted 9 years ago #

    For readers who may follow this thread and are absolute beginners - it is a common lament that folks cant find what controls what in the CSS. The first place to start is the template (ie the page you are editing). Commonly that is index.php. By careful reading of it you should slowly be able to work out hope the xhtml is put together. Then you switch to the CSS and at least have a clue what you are looking for. Finally we need to remember that the C in CSS is cascading . What that means is if something is set up for say the body it effects everything below it unless that item is specified.

  6. Lorelle
    Member
    Posted 9 years ago #

    In the article referenced above, it takes you step by step through the process of identifying which section influences which and how to identify it, so you can find the part that is causing you problems - like playing CSS detective.

  7. Bink
    Member
    Posted 9 years ago #

    Thanks to all that helped.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.