Tweaks, and any obvious errors

  • Hi everyone,
    I am in my first weeks using wordpress, so go easy on me.
    My site is https://www.pennypeters.com.au
    My wife and I have only just opened our real estate office (I feel so dirty just saying that, but we are one of the few that have integrity and play fair ?? My wife is the agent, I’m just helping where I can.

    Anyway, because we are doing this off our own pockets, I am doing the website myself, because quite simply we can’t afford it….
    So, any help that anyone can provide would be massively appreciated.

    Number 1. The colour of the top and bottom should be a deep blue, bordering on purple, I imagine something like hex#060037, but I don’t know where that is in the stylesheet or header/footer.

    Number 2. The height of the menu…. I’d like it to match the size of the strips either side of it…and it seems that only the top quarter of the entries highlights, and can be clicked, if possible I’d like to change that…

    Number 3. When you go into a listing (for sale), the bedroom, bathroom and garage icons get placed over the menu, I’d like to lower the entire listing…..

    Number 4. The advanced search on the home page could be lower, so it doesn’t interfere with the menu, centred left on the image of the office (I think they call it a hero image in the code).

    Again, if I could get some help, and it’s not too much trouble for one of your brilliant minds out there, you’d save this ageing musician a near certain aneurism.
    Cheers

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

  • Hi there!

    Is this what you are trying to achieve on the front page?

    Screenshot

    If so, try this code:

    header#masthead {
  background: none repeat scroll 0 0 #060037;
}

footer#footer {
  background: none repeat scroll 0 0 #060037;
}

.widget-area {
  margin-top: 65px;
  margin-left:  -10px;
}

#site-navigation .sf-menu li {
   height:  53px;
}

#site-navigation .sf-menu li a {
  padding: 1.25em 2.6em;
}

#site-navigation .nav-menu {
  margin: 0;
}

#hero {
  margin-top:  82px;
}

header#masthead hgroup {
  height: 102px;
}

hgroup {
  padding-bottom: 10px;
}

    And for the listings page try:

    #content {
  margin: 6.5em auto;
}

    You have two options when using this code:

    #1 Use a plugin like Simple Custom CSS and paste the code in there.

    or

    #2 Create a child theme and paste the code in your child theme’s style.css

    I hope that helps a bit !

    Luke the Daft Duke

    Thread Starter mattschlam

    (@mattschlam)

    Yes, it is EXACTLY what I’m going for. THANK YOU. ??

    Thread Starter mattschlam

    (@mattschlam)

    Excellent! Thank you.
    One more small thing…lol…. now that the colour of the header is right, the menu looks out of place. How do I change the colour of the menu to the same #060037?

    Once again, thank you so much.
    Cheers

    Thread Starter mattschlam

    (@mattschlam)

    When highlighted, it’s orange…. can I change that to #7f111b ??
    Thanks

    Try this: 

    #site-navigation,
#site-navigation .sf-menu li {
  background: none repeat scroll 0 0 #060037;
}

#site-navigation .sf-menu li a:hover {
  background: none repeat scroll 0 0 #7f111b;
}

    Looking good now ?? !

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Tweaks, and any obvious errors’ is closed to new replies.