Coraline: change text size in widgets only
-
I want to make the size of the menu widgets’ text bigger, but not the body text.
I also thought I’d fixed font colour so that the same dark green showed in all links – both within menu widgets and within the blog body. But the ones in the body remain grey: need help also on this, please.The blog I need help with is: (visible only to logged in users)
-
widget font size: try this, changing the number to suit your taste:
.widget-area {font-size:14px;} .widget-title {font-size:16px;}For your link colors in your main content area, try this, changing to your preferred colors. I use garish colors for testing so I can easily see what rule affects what…
`#content a{color:#00cc00;}
#content a:hover{color:#ff66cc;}
#content a:visited{color:#ff9900;} ` -
oops my backticks didn’t work:
#content a{color:#00cc00;} #content a:hover{color:#ff66cc;} #content a:visited{color:#ff9900;} -
-
-
houstonweaver, I would desperately like to DELETE every single css sheet thus far implemented, and set in place one that will ensure ALL my links – both widget menu area and body – ARE IN THE SAME COLOUR.
Why does changing the size of the widget text change the bloody colour?
Am I going mad here?
Sighh …
Must be. -
a {
color: #355421;
}a:active {
color: #355421;
}a:hover {
color: #355421;
}
Where’s the problem there, please, genius? -
All sorts of things have gone wrong since I tried to implement that link color css: I’ve just discovered that the video I inserted in a post called “Looking back on us” is no longer showing as a video, but merely as a link.
I have NO IDEA what’s going on: all I can be sure of is that playing the the css is stuffing up my site.
1. My menu widget links are now back to being BRIGHT BLUE (timethief, will you please give me again that link you did about this? – I can’t seem to find it)
2. The body links are a variety of colours!!!
Please, houstonweaver – don’t abandon me! How do I clear every css change I’ve made, and start all over again??? -
I fear I have harmed you more than helped you. My first recommendation is that you look back at this post, then go into your css file and remove the bits that I recommended you put in. The enlarging the text of the widgets probably did not change your widget link colors, but perhaps the information I gave you about link colors had ramifications over in the widget area that I did not see. But to be safe remove it all.
If you are serious about removing all your css, if you have been putting just the css you added in the css edit box, you can delete all that. I don’t recommend you do that if you have been happy with where you were up until this point. IF you do delete it, I would recommend copying it over into a text file and saving it there in case you want to start adding in small bits at a time. Then you could go to your css edit box and delete all in it.
Perhaps you are trying to do too much too fast. For me anyway, this is tedious work. There is much to learn and many ramifications to broad and specific rules. Much has been written about css and there is a lot to learn.
One thing you can do as you add in the css is create a comment above each bit about what you are trying to accomplish so that later you can look back if one particular thing is not working right and remove it. You place a comment before your added css by putting it in between /* and */. Many css coders will also put a comment when a section ends. Like this:
/*Increasing font size of widgets*/ .widget-area {font-size:14px;} .widget-title {font-size:16px;} /*--end widget font size---*/This helps you remember what you have done and why and helps you go back in and delete or modify sections.
…and remember, this is a problem about css on a web site, you’ve conquered much bigger problems in your life.
-
MOST helpful, my dear – thanks from the heart!
I believe that if I were using my own web-authoring software I wouldn’t be having these problems: it’s the business of just adding stuff into the one (kind of meaningless) window, you know?
What you say about id.s is gold: as if what you recommend about saving what I find in the maelstrom to a .txt file before deleting the lot, then reinserting it.
You haven’t harmed more than helped, that’s for sure! I am really VERY grateful; and for your philosophical comment. I’m obliged to acknowledge its correctness. :-) -
-
I know what you mean about understanding more if you had started from scratch. I created a website for an organization where I had handwritten every little bit of html and css and, over time, some teeny bit of php, all with a text editor, and I knew exactly what it all was intended to accomplish. It was a pretty large but simply “coded” site and I knew it completely. Pretty, it was not, but enormously functional and understandable … to me and my organization was more complimentary than they should have been. I have now migrated the whole site to wordpress but the .org version. Much of the inner workings are a mystery to me. But it looks nicer…. and I’m learning a LOT!
-
Oh, you sound like me – an obsessive compulsive! You like everything to be clean and neat and tidy and ordered and organised and … like that! And how very satisfying it all is when it IS like that! :-)
I migrated my blog to my own domain this time last week: took me all day to resconstruct it all – you know, all (well,most of) the widgets, etc.
In the end I realised that .org isn’t actually meant for personal blogs: it doesn’t cater for those little ego-strokers bloggers need in order to ascertain whether or not anyone’s reading.
So I came back again. And now I have to lean on you guys to get me through trying to make my site look as good as its somewhat limited parameters will allow. And you’re doing it, you’re doing it!
- The topic ‘Coraline: change text size in widgets only’ is closed to new replies.
WordPress.com Forums 