• Resolved culturegrab

    (@culturegrab)


    Hi,
    I’m trying to change the navigation menu colour to white, with a thin black border running along the top, and a thicker one running along the bottom.

    This is what I got so far… blog2.culturegrab.com. I”m failing miserably. The drop down menus have all shifted up and overlapping, there is still a blue colour shinning through, and, while I got the text colour to to black, I can’t get the menu colour to white. (I am using a child theme, so I’m not too concerned about the fact that I broke part of the menu)

    Basically, this is what I want the menu to look like: https://wordpress.org/themes/fashionistas – sadly the the fashionistas theme has no support and a number of major programming flaws. Thanks Konstantin for supporting Expound, by the way. This forum has been a great help!

    Secondly, I’m trying to change the fonts of the headers (including the navigational menu – so they would fit). This isn’t going well either except that I did manage to make them all caps at last. I’m a total newby at this so, every change is a challenge.

    Thanks for your help in advance.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Harmony

    (@harmonywebworks)

    Hello culturegrab,

    I’d be happy to help! It’s good that you are using a child theme, that would have been step one (that or using a custom css plugin).

    With that out of the way, we can make a few changes to your existing menu to make it resemble Fashionistas. However, both themes are using different menu systems so there will be slight differences (just want to get that out there up front).

    That being said, it looks like there may have been a little editing of that menu. I’ll install the theme on my dev site and tinker with it there and get back to you.

    In the meantime, a very quick edit would be to add:

    background-color: white;

    to

    .navigation-main a {

    Harmony

    (@harmonywebworks)

    bah, can’t edit my post above.

    Also, in

    .navigation-main

    remove or comment out:

    background: #3a3a3a;

    or change it to “white.”

    Thread Starter culturegrab

    (@culturegrab)

    Sure, here is my site link http://blog2.culturegrab.com/ I’m going to try changing the background as you suggested when I get home tonight. I did see they were different menus. I’ve been starring at the two sets of css for days trying to figure out what would coincide with what. (My biggest successes with styling have been making the background white and the buttons pretty.) Sadly, I’m not getting very far on the menu. Thanks again!

    Thread Starter culturegrab

    (@culturegrab)

    Sorry that was lame. Let’s try again: http://blog2.culturegrab.com/.

    Harmony

    (@harmonywebworks)

    I think you saw and responded to an email notification. Originally I asked for the url, but I noticed later you actually included it in the op. 😉 I have since posted with a couple edits and will do more later today/tonight.

    Thread Starter culturegrab

    (@culturegrab)

    Hey,
    So I updated the background colour last night, with the code you gave me and it looks much better. I even added a border!

    Right now I still need to fix the fonts, which I’m totally at a loss of how. I went through the entire css file and the fonts folder, yet they still look the same.

    I would also like to add “/” between the various menu items. I tried last night but, they showed up in a black line below the menu items…. 🙁

    Thanks again!

    Harmony

    (@harmonywebworks)

    Cool, glad to hear you are making progress.

    For the font itself, try removing Oswald.

    In the .css, look for:

    .navigation-main a {

    Change the font-family so that it only reads as:

    font-family: Arial, Helvetica, sans-serif;

    Thread Starter culturegrab

    (@culturegrab)

    That didn’t work. 🙁 Nothing changed.

    Harmony

    (@harmonywebworks)

    The font changed for me (previously, it was a little large and blurry). Perhaps that was just on my end though.

    Also, it looks like you changed themes to Fashionistas. I recognize that menu. lol

    Thread Starter culturegrab

    (@culturegrab)

    Ha! I did! I was fighting with the fonts all night yesterday. I downloaded a new font package into the fonts folder and added code to the php file (as per the instructions on this forum and on another one I found). Unfortunately, nothing worked. I can’t seem to change my fonts. It looks terrible right now, so I decided to switch to Fashionista for the weekend while I’m out of town. I will try again next week.

    I’ll mark this thread as resolved and start a new one to tackle the fonts issue. Thanks for your help!

    Harmony

    (@harmonywebworks)

    One last thing.

    Have you seen this plugin?

    https://wordpress.org/plugins/easy-google-fonts/

    It’s an easy way to integrate Google fonts into your theme. Some have had great success with it. You may want to give it a shot for next time.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Change navigation menu colour and fonts’ is closed to new replies.