Colour & Font Size Changes

Hi Nick,

thats great and I think when we talk basic changes like H1 text, logo heights etc… the way you mention seems relatively straight forward for a novice. Where Ive become continuously unstuck are things like the discs (behind the icons) if I want them a different colour or size, or to change things that have (what i call) nested button states – the drop down menu for instance as I want to change the colours of the ‘drop down’ background but because there are several states (off, rollover and sometime on) I cant quite find the right piece of code using the method you mention. I also want to alter the (moving) thin underline when you rollover the top nav so that I remove the middle ‘tick’ mark and increase the thickness slightly but again I can’t see where the correct code is amid a sea of other comments. This im sure is my inexperience but any clue as to how to deal with such things would be warmly received

Cheers

all the best

Andy

Hi there,

I think we got our wires crossed as the section I was referring to is the ‘Avia icon_list’ the discs which contain the entypo glyphs. I wanted to change the disc and the outline and leave the entypo glyphs white. I also want to resize them too

When I use the inspector I come across the following…

media="screen"

.main_color .avia-icon-list .iconlist_icon {

background-color: #d73119 !important;

}

and whilst changing the color works in the inspector as soon as I drop it into the CSS of my child theme nothing changes. I thought adding !important might help (assuming I understood its importance which I guess now I dont!!) but it did nothing.

Thing is, this is where I usually come stuck as ive followed your instructions but things like this wont change. Im clearly not doing something but what is it that im doing wrong? Can you help me understand as my next thing is changing the dropdown background on the top nav and I know that will be the same issue.

Hey Nick,

I think ive fathomed how to change the color although I seem to wrestle with internal CSS components which seems to mean my code is ignored half the time. Theres clearly a process I need to go through but its a bit hit and miss.

**/SEE BELOW/**

.avia-icon-list .iconlist_icon{height:64px; width:64px; line-height: 60px; font-size: 30px; text-align: center; border-radius: 500px; position: relative; float:left; margin-right:30px; margin-left:2px; z-index: 5; border-style:solid; border-width:2px; color:#fff;

}



.main_color .avia-icon-list .iconlist_icon {

background-color: #d73119;

}

it seems that I can do it providing I have both parts but im not sure why. I got the first part from another post.

Anyway, my last question on this is how do I create this same entypo disc without the the list content to the right. This is mainly because I want to create individual entypo discs with my own descriptive text either above or below it (centred or left justified). Im kicking myself for not just asking that question at the start

Cheers

Andy

Hey Nick,

Ive taken my personal portfolio offline while I rebuilt it. The basic Enfold installation is there and thats due to be replaced with a countdown. Not sure how I show you something local other than to give you a screen shot.

Good news though in that I sorted the colouring out using your method so thank you. Basically I should have been using ‘icon box’ and not ‘Icon list’ and then it was a case of trial and error.

I think for the most part I can get on now but as im creating a dark (chocolate) background based look and feel I have two other questions which relate to the main menu. should I start a new thread or continue talking to you here?

Cheers again and thanks for all your help. You are the first person who has tried to help me understand it properly and not just assumed im casting a spell in some mystical dark arts… although it does still feel a bit like that.

all the best

Andy

Hi there,

Well, im having fun trying things out but the menu/navigation is a tricky beast. Ive been trying all sorts of things but nothing seems to work even following other peoples examples and following your process still leaves me stumped… here’s what Id love to do

1) Increase the font size but make it responsive in the right way

2) Change the word spacing

3) Remove the triangle tick over the line and thicken the line

4) Change the colours of the OFF/ROLLOVER & ON states of any dropdown

nice to haves

5) Move the Menu (highlight line) above the text

6) Add a feint line attached to this that spans the entire menu set

Is this all BIG LEAGUE stuff or can I do any of this relatively easily?

Cheers again for all your support

Andy

p.s if theres a way to send me an image of what im trying to do then please let me know and ill send a jpg

Blimey Nick (said in a respectful posh London accent) Im so bloody impressed. Im gonna be sat on a train going home from a client visit in an hour or two and ill give it a try… A video too. Being spoilt but I am very grateful and I mean that

By the way, as im working locally how can I get you examples of my ideas. theres no attach button on here so I dont know how to share my ideas or do we just have t wait till I go live and then tell you the URL?

As always, you are brilliant

Thx

Andy

Done it! its getting easier.

Thanks for the video too….

Now all I need to do is explain how to actually create this 1px grey solid line that spans the entire menu (Home, Portfolio, Blog, Contact, About Me) and sits behind/at the top of the highlight line we’ve just moved up. I worked out how to make the highlight line 3px deep and adjusted its position

Ill set up a dropdown menu and check that it all still works. I forgot to mention that my aim is to change the dropdown menu background colors and not change the text. Hence… ROLLDOWN – Background is black, ROLLOVER – Highlight background changes to a deep orange and theres a subtle text colour change too. Ill play around myself and see how I get on

Is there a way for me to send you an image?

Once ive done the menu ive pretty much got everything else within the theme as normal. I might want to create a giant slabtext on my home page only but thats it. Just so you know that I wont be sitting on your coat tails for the entire site!!!!!!

Cheers

as always