CSS for Bueno
-
Glad to be of help.
The background color is defined in this selector:
#extended-footerthe property whose value you want to change is
background-colorI didn’t see how java could work on a CSS either.
Just to clarify, Java is not the same as JavaScript. They are two different things.
-
-
css editing questions for http://www.xeniarubinos.com, i have the bueno theme.
1) How do I get rid of the blue line under my custom menu at the top of the page?
2) How do I make all of my widget font black including the text in my text widget “booking” and the twitter widget?
3) How do I get rid of the bullets and underlining format of the widgets?
4) Lastly, is there any way to get rid of this text at the bottom of the page? “Blog at WordPress.com. Theme: Bueno by WooThemes.”
Thanks in advance for any help you can offer!
-
This code should take care of everything for you. A few things to mention: you might want to add some other indicator to your navigation menu so people know they are links. An underline on hover might be an idea. Request number four is frowned upon, you are blogging for free so it is polite to leave the wordpress and theme designer links on your page. It is up to you so I’ve included the code anyway.
#pagenav a {border:none;} #sidebar, .widget_recent_comments li a, .widget_twitter a {color:#000000!important;} .widget h3, .widget ul li a:link, #container .widget_categories li, .widget_recent_comments li, .widget_twitter li {border:none;} .widget ul li a:link, .widget ul li a:visited, #container .widget_categories li, #container .widget_categories li:hover {background:none;} #footer, #extended-footer {display:none;}lh
-
Thanks for your help! The only problem is that the blogroll wigdet is still listed with lines beneath each link, not sure how to fix this. How would I create the underline on hover you suggested for the nav menu? Thanks for the tips, very helpful and much appreciated!
-
The code works fine on the blogroll for me, what browser are you using? Add something like this to add the nav menu underline:
#pagenav a:hover {text-decoration:underline;}lh
-
thanks for the nav menu underline, that’s much better! the blogroll still doesn’t work however. my browser is firefox. the code worked for everything except removing the underlining in the blogroll.
thanks again for your time and help. -
Hello,
You’re posts have helped me so much already. Thanks.
I am still having problems changing a few things on my site I’d like help with.1. All colours for ‘search’ box at top of page.
2. Underlines and bullet point colours on my right hand column. Including roll overs.
3. Colour of embedded links within posts.My site is: http://detailsoftheleft.com
Thanks so much in advance.
Al -
Here’s some code to get you started. You really only need to change the hex colour values to ones that you like, I’ll let you figure out which line does what, it’s pretty easy to work out. It also hides the bullets in your sidebar. Paste it into the custom CSS editor along with your other changes and make sure you’ve checked “add to existing stylesheet”. Remember not to copy the whole of the original stylesheet across as it is not needed and can break the styling.
#navigation {background-color:#ff00ff;} input.submit {background-color:#00ff00; color:#44448d; text-shadow:1px 1px 0 #ffffff;} #sidebar h3 {color:#00ffff;} #sidebar a {color:#0000ff;} #sidebar a:hover {color:#ff00ff;} .widget h3 {border-bottom:1px solid #ffff00;} .widget ul li a:link, .widget ul li a:visited {border-bottom:1px solid #ff0000; background:none;} div.entry a {color:#00ff00;}lh
-
Excellent! Thanks lh!
There is only one more change I’d like to complete and that is the roll over on the ‘About’ text at the top of the page. I’d like the bar to turn black #000 instead of the pink it is currently changing to. I’ve tried everything in my limited CSS repertoire to no effect!
I’ve been able to change the static colour to #cc0000 but not the ‘hover’ state.
Please help!Thanks again.
Al -
-
Hello everyone, all of this has been helping me so much. I was just wondering if there was anyway to change the color of the circle that surrounds the date on every post. I would like to change it black to match the res of my blog.
And with that is there a code to permanently make all of my post text black instead of the grey that it is? thanks for any help i get!
-
And to add onto that, I want to make the font color black in the “Tag Cloud” Widget. Because it’s still grey.
-
Hi everyone, as domoandhearts says: lots of great help to find here!
was also wondering if someone knows the code to change the red, brown, blue, green etc. preset colors of the theme, into a color of my own choice?
-
G’day. I was able to change the date circle by creating a new .png file to the colour I wanted and linking it to each post. You have to make sure the .png you create is the same/similar size to the default.
The code I am using is:.post .date {
position:absolute;
top:30px;
left:-40px;
width:72px;
height:60px;
text-align:center;
background:url(‘http://detailsoftheleft.files.wordpress.com/2010/06/red_dot.png’);
padding:10px 0 0;
}You can see I’ve linked the ‘red_dot.png to the background.
Let me know how you go.Also, does anyone have tips for people that have copied and pasted the WHOLE CSS code into the editing window? I’ve changed many things so far and would like to delete the code I haven’t changed as I’ve read it makes the page load a lot slower and can also break some of the styling.
I think this would be a handy hint as it seems a lot of people copy all of the original CSS code into the editing window.
Any help would be much appreciated.Al
-
Hello.
I need help removing the ‘hover’ underline from my twitter widget h3.
I would also like to change the ‘hover’ state of the ‘1 month ago’ to turn red, not black as it is currently doing.I’ve been able to change all widget font colors to black but am having trouble pinpointing these two items in the code.
Any help would be great!
Thanks again guys.
Al -
Look for any “a:hover” pseudo classes and play with the “text-decoration” property.
You can find more info on that property here
-
two more questions one of which I posed earlier.
How do I get rid of that grey line underneath my archive widget? The one right under “June 2010”
And also how can I change the font color in my “Tag Cloud” Widget to black and not the dark gray that it is? The codes brought up previously in this thread to make everything black didn’t affect it.
-
@ detailsoftheleft
thanks for the code – works great!
its also working smoothly with jpg. files – I guess it will with any wordpress compatible img. files..!Bonus is you can design whatever size/colour you like – making it smaller you just need some ekstra white sorrounding your new circle, square, whatever, to cover the original one.. awesome :-)
Thanks!
- The topic ‘CSS for Bueno’ is closed to new replies.
WordPress.com Forums 