Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   Sidebar font size changes when I use html (http://forum.bytesforall.com/showthread.php?t=20476)

raggsocka Jun 9, 2013 01:53 PM

Sidebar font size changes when I use html
 
Hello there!

First of all thanks for this wonderfull theme - I like it a lot.

I've well a little problem with it: when I wanna use something like "<p align="justify"></p> (or different html) in the sidebar the font get's smaller. If I write only a text without any "code" it's the normal size... Here's a screenshot of it:

http://i1281.photobucket.com/albums/...psa1f3c656.jpg

Also the "recent entries", "recents comments", "categories" are smaller as they should be. :(

What's the reason and how can I solve it?

Thanks and best regards

juggledad Jun 9, 2013 02:01 PM

Sorry the image tells me nothing. Use a code inspector (like FireBug in FireFox) and see what CSS is being applied to the element.

raggsocka Jun 9, 2013 02:07 PM

Hi, thaks for the quick reply. The firebug says that the font size is 12px, but it isn't :confused:

I copied something of it. Hope that helps:

div.widget ul li a:link, div.widget ul li a:visited, div.widget ul li a:active, div.widget ul li a:hover {
display: inline;
}
div.widget a:link, div.widget a:visited, div.widget a:active, div.widget td a:link, div.widget td a:visited, div.widget td a:active, div.widget ul li a:link, div.widget ul li a:visited, div.widget ul li a:active {
color: #666666;
font-weight: normal;
text-decoration: none;
}
div.widget a:link, div.widget a:visited, div.widget a:active, div.widget td a:link, div.widget td a:visited, div.widget td a:active, div.widget ul li a:link, div.widget ul li a:visited, div.widget ul li a:active {
color: #666666;
font-weight: normal;
text-decoration: none;
}
a:link, a:visited, a:active {
color: #666666;
font-weight: bold;
text-decoration: none;
}
li {
font-family: "Yanone Kaffeesatz",arial,sans-serif;
}
div.widget ul {
list-style-type: none;
}
td#right {
font-size: 12px;
}
table#layout {
font-size: 100%;
}
table {
font-size: 1em;
}
div#container {
text-align: left;

lmilesw Jun 9, 2013 02:11 PM

Does the same thing occur if you use the Twenty Twelve theme?
Does the same thing occur if you use the proper inline CSS of
<div style="Text-align: justify;"></div>

raggsocka Jun 9, 2013 02:19 PM

No and no.

the problem with the text widget is not sooooo important for me, but why does the "category", "comment", "entries"... change to smaller font? maybe because it's a link, but I use the normal widget I did not install any plugin

lmilesw Jun 9, 2013 02:21 PM

As Juggledad said without seeing the site there is no way to even investigate what is happening.

raggsocka Jun 9, 2013 02:25 PM

Okay, I set the maintenance off for a while. My link is http://lydeke.se :)

juggledad Jun 9, 2013 03:24 PM

move teh bottom widget to the top and see what happens then repeat with the next etc

I suspect you have eithor a missing closing tag in one of the widgets or you have PX in elements under other elements with EM's. moving things around or removing widgets will help you narrow it down.

raggsocka Jun 9, 2013 03:29 PM

Thank you,

but also moving the widgets helps not. Even if I put it on the top of the sidebar. :(

lmilesw Jun 9, 2013 05:30 PM

I'm not sure what your problem is. When I apply CSS to the elements in question they work.

I am not sure how you are implementing the styling but I would suggest wrapping the text you want to style in a div with a class or id and then style in the CSS Inserts section of the them option.

Also there are places in the theme options to style many of the areas.

juggledad Jun 9, 2013 07:14 PM

also, shut off your caching plugin and clear the caches when you are making cahanges so you can see the changes right away.

juggledad Jun 9, 2013 07:31 PM

What CSS are you using to change the size of the text?

raggsocka Jun 10, 2013 01:24 AM

Good morning, thanks for tryin' to help me!

I added "font-size: 1.0em;" into the

STYLE WIDGETS: Widget Content Box

Even if I deactivate the W3 Total Cache - nothing changes.

Well maybe I have to accept it...

juggledad Jun 10, 2013 06:21 AM

Ok, that CSS is being applied. Change it to 3.0em and take a look again. That CSS will apply to any element or child element where the parent element is a DIV with a class of 'textwidget' or a UL with a parent DIV with a class of 'widget'

Now remember that CSS is specific and if you add a <P> in there could be other CSS that is more 'specific' and then it will apply


All times are GMT -6. The time now is 04:58 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.