Custom Theme- CSS Issues

  • mosini

    (@mosini)


    13 years, 2 months ago

    My site: http://dummy.nik-it.com/

    I’m trying to build my first custom theme. I was thinking of using a Twenty Ten Child theme as the basis- but thats not going well.

    Here is what the designer mocked up in Photoshop. http://www.nik-it.com/Downloads/WordPress%20TEST.png
    I have all the pieces in slices.

    I got the background and the header in- but can’t seem to get the sizing right. I don’t want the white on the right side.

    I know I can do the area below header as widgets.

    And the Testimonials block can be the sidebar and the latest projects the content area (any suggestions on how to make that match up)?

    I’d appreciate any help!!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 2 months ago

    I got the background and the header in- but can’t seem to get the sizing right. I don’t want the white on the right side.

    You can contact the designer for a larger picture. The image is large as it is in the design.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 2 months ago

    And the Testimonials block can be the sidebar and the latest projects the content area (any suggestions on how to make that match up)?

    Where are the testimonials on your webpage?

    Thread Starter mosini

    (@mosini)

    13 years, 2 months ago

    I thought it needed to be bigger. What is the size for wordpress to make it fit?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 2 months ago

    What is the size for wordpress to make it fit?

    I don’t understand your reference to WordPress. These are CSS issues. Try the background-size property.

    Thread Starter mosini

    (@mosini)

    13 years, 2 months ago

    No where yet- this is just a test project so I can get the process of going from photoshop files from a designer to wordpress

    Thread Starter mosini

    (@mosini)

    13 years, 2 months ago

    I don’t understand your reference to WordPress. These are CSS issues. Try the background-size property.

    I just tried that background-size:80px 60px;…would it go under body?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 2 months ago

    Under which ever element has a background image that you want sized differently.

    Thread Starter mosini

    (@mosini)

    13 years, 2 months ago

    Got it. Thanks for the tips.

    Any suggestions on how to create the two middle boxes?

    Michael

    (@alchymyth)

    13 years, 2 months ago

    these are mostly formatting questions and not WordPress specific (the WordPress part is basically already done and working if you use a ready-made theme).

    look at the html structure of the theme’s output, and style that accordingly; possibly with background images or, if the boxes need to have the same height, with ‘faux columns’ or similar…

    what is your experience with turning photoshop into html?

    are you working locally ( http://codex.wordpress.org/Installing_WordPress#Installing_WordPress_on_your_own_Computer ) or online?

    Thread Starter mosini

    (@mosini)

    13 years, 2 months ago

    I’m working online.

    This is my first try with taking somethign someone created in photoshop and turning into html/css

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Custom Theme- CSS Issues’ is closed to new replies.