• Ok I’ve been working up my Yoga studio site with the customizr theme, not quite finished yet but getting there.

    https://govindayogastudio.com/wp

    I’m pretty happy with it, but my only gripe is all the white space makes it look a little plain jane. Is there a way I can add some color, specifically making the top strip where the govinda logo is blue (the specific blue of my logo)? Also, maybe make the background color of the site the orange color of my logo, or maybe a texture?

    Any help is appreciated, thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter likegluelikecrew

    (@likegluelikecrew)

    If anyone has any other suggestions on how to spice it up a bit, I’m all ears!

    Thread Starter likegluelikecrew

    (@likegluelikecrew)

    Also, Customizr has these kinda lame icons… a pencil for the posts and I guess what looks like a page of a notebook for the pages. How could I make my own and swap these out? Thanks!

    are you using the free version of the theme?

    The best suggestion I can make is to learn Firebug. The basics take 6 minutes and once you learn that, you’ll be able to make all the changes you want.

    Is there a way I can add some color, specifically making the top strip where the govinda logo is blue…

    To change the grey strip below the logo, add:

    .tc-header {
        border-bottom: 10px solid #0088CC;
    }

    to your Custom CSS panel in Customiz’it.

    …(the specific blue of my logo)

    It’s light brown right now…

    Ooops! I forgot to add the link for Firebug: see here.

    Thread Starter likegluelikecrew

    (@likegluelikecrew)

    Carolina, yes, I’m using the free version. I didn’t even realize there was a pay version! I just did a quick google search for the commercial version of Customizr and I couldn’t find anything, does anyone have a link?

    Electric Feet, thanks for the tip! I tried your suggestion and it worked! I even tried changing it to “border-top” to control the line above the header and it worked! I was actually thinking of the background color of the strip itself, behind the logo “Govinda Yoga”, and then I’d change the gif logo to have a background color that matches.

    Another question Electric Feet… can I change the menu rollover color to a specific blue using the Custom CSS panel? And also the color of the text that has the address at the top? That would be a lot easier than changing the entire backend css blue skin file and finding and replacing the colors.

    Gonna investigate Firebug, thanks.

    Thread Starter likegluelikecrew

    (@likegluelikecrew)

    Electric Feet, I downloaded and installed Firebug and located the css for the header, which came to be this:

    .tc-header {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 10px solid #E9EAEE;
    border-top: 5px solid #0088CC;
    min-height: 45px;
    z-index: 200;
    }

    If I copy this into the Custom CSS panel, I can change the background color and the color and width of the borders, which is great! I was thinking I would love to increase the height of the whole header so I could fit the entire logo in, right now the dimensions they give for the logo are 250×100 px so I put a text logo. How would I increase the height of the whole entire header to say 260 px so I can fit a 250x250px logo? I tried changing the min-height but it didn’t work.

    Thanks for the help, much obliged!

    Great news on getting Firebug installed. Well done!

    You don’t need the whole of the declaration you pasted, just the lines you change.

    Take a look at the Getting started part of the website (especially the FAQ and the CSS guide) to give you an idea of what you can do in the header.

    p.s. There isn’t a paid version. There is a paid plugin, which gives you extra featured circles, but the theme is free.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Need help customizing my site’ is closed to new replies.