New Development

  • Resolved skj

    (@silja-jonsson)


    9 years ago

    I’m getting ready to launch another WP site but am having a problem with the codes! The site can currently be viewed here: https://jonssonsstockdogs.com/new/index.html

    As you can see, I’m having problems with the menu/navigations and after working with it the last couple of days I’m getting furious at myself… I simply can’t find the bug in the CSS code which makes the text get out of place…

    The CSS codes: https://jonssonsstockdogs.com/new/style.css
    The HTML codes: https://jonssonsstockdogs.com/new/index.html

    I’m going to center the menu but I know how to do that… What I need help with is to figure out how to get the menu, hover etc. in it’s spot. Right now it looks like it’s been “padded” out of place…

    Please, can anyone help me get this fixed so I can upload my new theme to my site… Thanks! Silja

Viewing 4 replies - 1 through 4 (of 4 total)
  • paulwpxp

    (@paulwp)

    The file path and source code doesn’t look like a WordPress site.

    For general CSS questions, try CSS forum, you will get faster help and more details on the subject.

    I’m going to center the menu but I know how to do that… What I need help with is to figure out how to get the menu, hover etc. in it’s spot. Right now it looks like it’s been “padded” out of place…

    From what I see via Firebug, the ul doesn’t have CSS applied so it’s using browser’s default which is normal for ul to have margin and that’s the padding that you see.

    To fix this just declare your own in the CSS like this

    #navigation > ul { margin: 0; }
    Thread Starter skj

    (@silja-jonsson)

    Thank you dear @paulwpxp for your assistance and help! I much appreciate it! I know that as of right now, the codes are not fitted for WP… I always start with building my layouts on DW before I upload it to WP…

    Anyway,
    Your code truly helped me! Again, thank you!!
    …but I’ve still got a small issue. Your code got the menu in place vertically, but as you’ll see, it’s still a 40px padding on the left that’s bothering me… If I center the menu from this point, it’s not gonna look pretty… I guess I could fix a padding on the right – but this would be an annoying fix…

    I bet that by now y’all have figured out that I’m just getting started to learn CSS and HTML codes, and truly, I appreciate all the help y’all are giving me. Kindest regards, Silja

    Thread Starter skj

    (@silja-jonsson)

    *Never mind, I fixed it.. ??

    paulwpxp

    (@paulwp)

    @silja-jonsson I’m glad you got it working ??

    Anyway, when you done with the design and move on to transfering it to a WordPress theme, there will be quite a lot of adjustments needed.

    Web developer tool is your friend. It’s used primarily to inspect the elements and get the right CSS selector.

    Chrome built in web dev tool
    https://developer.chrome.com/devtools

    There is also Firefox one, and also Firefox addon called Firebug.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘New Development’ is closed to new replies.