Posted 1 year ago #
Hi All,
I am trying to create a custom menu using the simple sidebar navigation widget. However the problem is that, the links are just too small they don't look right.
Can anyone tell me how I can increase their font size?
I'm sure theres a very simple way of doing this.
Thanks,
Sam
Posted 1 year ago #
Sam, post a link to the example and I'll take a look.
Posted 1 year ago #
Thanks the site is: http://www.best-drum-set.com
I am referring to the left hand side-bar.
Many thanks,
Sam
Posted 1 year ago #
Sam, from what I see, your left sidebar links are actually larger then subtitles in your main content. To be specific "The Ultimate Drums And Cymbals Guide" heading looks a bit smaller than the sidebar links. So, I don't really understand what's the issue...
The relevant CSS is in style.css:
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {
font-size: 1.1em;
}
Posted 1 year ago #
Hi Max,
Sorry I got confused with another thread I posted. I managed to work the text size out thanks.
I'm now trying to change the background picture/colour of the sidebar.
Would you mind seeing if you could point me in the right direction?
"I'd like to either change the background color of my sidebar (which is long) or change it to an image of a light color.
I understand I need to add the line "background-color: #0099CC" somewhere into the following section (when changing the color):"
[CSS moderated as per the Forum Rules. Please just post a link to your site.]
I tried a few variations around the "background-color:inherit" but couldn't seem to get it to work.
Can you see what I'm missing?"
Many thanks for taking a look anyway Max,
Sam
Posted 1 year ago #
Sam, your sidebar is not actually constructed as you would expect - it doesn't extend from top to the bottom of the page, it only as big/long as the actual content of the sidebar. To see that you can add color to #leftside element.
Example:
#leftside {
background: #DE104FF;
}
Posted 1 year ago #
Hi,
I added your code into the editor so it looked like:
[CSS moderated as per the Forum Rules. Please just post a link to your site.]
But nothing changed.
Sam
Posted 1 year ago #
make sure the stylesheet is saved, clear the cache and if you're using any caching plugins. When I read your stylesheet - the changes are not reflected there http://best-drum-set.com/wp-content/themes/wp-andreas01/style.css
Posted 1 year ago #
Hi,
I removed it from the style-sheet since it didn't make any changes, I will try it again shortly.
Thanks,
Sam
Posted 1 year ago #
Hi that worked a treat!
Thanks!
Would you know the tag I should use for an image rather than a color?
Thanks,
Sam
Posted 1 year ago #
Sam, the questions you're having are related to CSS 101. I would strongly recommend googling some CSS tutorials and going over the basic syntax and rules. This particular resource might be of great help to you http://www.w3schools.com/css/
To use image background, you use the same rule, but different parameters:
#leftside {
background: url(http://url_to_your/image) 0px 0px no-repeat;
}The 2 zeros represent image positioning on axes X and Y respectively. If you need to repeat the image to fill up the background, you change no-repeat to repeat or repeat-x or repeat-y depending how exactly the image needs to be repeated.
Hope this helps.
This topic has been closed to new replies.
