Newby needs your help!

  • Hi guys,

    I’m hoping someone can help. I’m a newby! I’m having trouble finding the correct section of code to deal with spacing issues.

    My site is https://www.carolinahrguy.com and I’m trying to move everything together a little more, rather than have these huge gaps.

    I figured it out on the top side of the header, but can’t figure this out on the bottom portion of the header, and between the bottom portion of the header and the text.

    Again, I’m new, so if you could site exactly what section of code I need to look at, and what I need to modify, that’d be great.

    I’m using Version 3.2 and have the standard issue 2011 template for right now.

    Thanks a lot for your help!
    Brad

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

  • The problem here is that the black box is the main part of the content page with the image and everything else on top of it. It’s not just a small black banner – so making it smaller won’t do anything, you’ll need to move everything else up.

    Solution:
    Log in to WordPress and go to Appearance > Editor.
    In styles.css (or whatever your css file is named), search for: #site-description
    Yours looks like this:

    #site-description {
color: #7A7A7A;
font-size: 14px;
margin: 0 270px 3.65625em 0;
}

    Change Margin to 0px (or whatever you want it to be).

    Just incase you don’t know, the margin tag is constructed like this:
    margin: 10px 0px 8px 0px; (or something similar) – meaning:
    margin: toppadding, rightpadding, bottompadding, leftpadding;

    For the rest of your page, just look for the correspond coding. Let me know if you need more help!

    Thread Starter caro4886

    (@caro4886)

    Ok…I got the top one (under site description) but how do I move the others.

    I guess I don’t know what the breakdown of the “#site-description” naming scheme is…
    or what exactly I’m looking for within the code to change the margin.

    The site is https://www.carolinahrguy.com if you want to see what I’m seeing.

    Really appreciate your help!!!

    B

    You’ll be looking for #main(in the css file).

    Change: padding: 1.625em 0 0;
    To: padding: 0;

    I recommend you downloading Google Chrome, or Firebug if you’re using Firefox. Then you can right click on an element of your site and see all the styles that are attributed to it, and conflicting css and you can even edit your page locally to see what it would look like if you did change the css.
    This is exactly what I did for you. You can also completely mess about with the css, and it doesn’t matter! Bonus ??

    Thread Starter caro4886

    (@caro4886)

    Dave, you’ve been so helpful…thanks. I did install crome and that helped a great deal thanks. I’m starting to get the hang of where things are at, but I have three more issues that I haven’t been able to track down the code for.

    1) The main text of my page is very narrow on the page, and the spacing still appears to be off. I’d like it to expand out to the left and right to offer more room for text.

    2) On the ‘services’ tab, for some reason, the text is covering up the tabs…it’s only on that tab, so not sure what I’ve done there. any thoughts?

    3) I’d like to move the social media widget to the upper right hand corner (top right) so it’s more visible. Any idea how to do this?

    Also, is there a CSS editor you could recommend that is free that is user friendly…my main frustration is the alignment piece overall as it’s so hard to get things right.

    I promise I won’t bug you after this one…you’ve been a great deal of help!!!

    Thanks,
    Brad

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Newby needs your help!’ is closed to new replies.