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)
-   -   New added link categories are showing up with larger fonts & different bullets below (http://forum.bytesforall.com/showthread.php?t=15510)

nedra Sep 27, 2011 02:18 PM

New added link categories are showing up with larger fonts & different bullets below
 
I added new link categories. The fist one the title category is one size font but all the others are larger.

The bullets on the first link are bar bullets. The other new categories that were added have the larger title font and the bullets are little dots.

Can anyone explain how or why that happened and how I can fix it so that all the fonts and bullets are the same (the bar bullet)

Thanks :)

juggledad Sep 27, 2011 02:43 PM

what version of Atahualpa and WP?
What is your URL

if atahualpa 3.6.7, do you have the patches applied?
  • PATCH 367-01: Odd effects when 'CSS: Compress' = 'Yes'
  • PATCH 367-02 is incorporated in PATCH 367-04
  • PATCH 367-03: PHP errors when adding widget areas in index.php
  • PATCH 367-04: Hovering over a Post/Page title only shows "Permanent Link to"
  • PATCH 367-05: Site Title appended after the 'WordPress SEO by Yoast' title

nedra Sep 27, 2011 02:57 PM

I have3.6.7 and yes I have all the patches. I have version 3.2.1. wordpress

Here is my URL: http://www.pyrography-gourd-art.com/

juggledad Sep 27, 2011 07:00 PM

the source shows this
HTML Code:

<div id="linkcat-99" class="widget widget_links">
<div class="widget-title">
<h3>Gourd &amp; Pyrography Supplies &amp; Tools</h3>
</div>
<ul class="xoxo blogroll">
<li>
<a target="_blank" title="Fine Gourd and Wood Art; Gourd and Pyrography Supplies and Tools; Free Tutorials and more" rel="me" href="http://www.sawdustconnection.com/">Sawdust Connection</a>
</li>
</ul>
<h3>Gourd &amp; Seed Suppliers</h3>
</div>

The first one is the widget title and the title is an <h3> under a <div> under a <div> so it is picking up the styling for that element. the others are <h3> under just one <div> so there is different styling it picks up.

This is a place where you need to know some CSS (w3schools.com/css is a great reference) and using FireBug in FireFox is a great way to see where an HTML element lies in the code and what CSS applies to it.

nedra Sep 28, 2011 07:26 AM

thank you. My web design has helped me on my website and I do know a bit about css but i am totally new to wordpress and don't even see how I can change the css on the titles.

Also, how/why are the bullets different bullets or is that all part of the different styling.

nedra Sep 28, 2011 07:36 AM

I found the source code but don't know how to edit it. I'm assuming that this is what needs to be added before the other category titles:


<div id="linkcat-99" class="widget widget_links"><div class="widget-title">

is that correct?

If so, how do I got in and edit the code

Nedra

juggledad Sep 28, 2011 08:15 AM

you don't need to edit the code, you just need to add some CSS and you can do that as a theme option. Go to ATO->Add HTML/CSS Inserts->CSS Inserts and add
HTML Code:

div#linkcat-99 .widget-title h3 {
font-size: 24px;
}

this will make any <h3> that is inside an element with a class of 'widget-title' that is inside a <div> with an ID of 'linkcat-99' be font size 24px.

nedra Sep 28, 2011 08:30 AM

Thanks, but what about the bullets?

Nedra

nedra Sep 28, 2011 08:40 AM

is this where I am supposed to find that area to fix:
http://www.pyrography-gourd-art.com/...=functions.php

and if so, how and where to I paste that.

I don't see where I can do anything to make sure all the bullets are bars either

Nedra

juggledad Sep 28, 2011 08:45 AM

You don't need to edit any of the theme code. ATO stands for Atahualpa Theme Options - so go to the dashboard->appearances ATO...

nedra Sep 28, 2011 09:29 AM

ok, have inserted that code into the css and the font size is now all the same and looks much better.

The bullets are still not bars. How do I change that so they are all bars?
Nedra

nedra Sep 28, 2011 02:58 PM

I would still love to know why this happened. All I did was post new categories and links and why/how did the code change?

I did NOT touch the code and it would really help to know how the font size changed and how the bullets changed on it's own. Is this a bug or what?

nedra Sep 28, 2011 04:02 PM

Seems we have figured out the problem.

I wiped out the blog when I published all the pages to my site which is my primary domain and my blog folder resides within that under public_html .....my host was able to put the blog back but I didnt realise the widgets needed to get put back and that was the problem and all is well now.

So, if anyone else has a problem like this perhaps this will help them fix the problem.

juggledad Sep 28, 2011 07:10 PM

the grey bars are actually CSS that is setting the left border of the element. It is controlled in the widget styling. the dots are the LI style and is generally shut off. Some widgets work a little different though.

nedra Sep 29, 2011 12:01 PM

any idea how or why those dots popped up on the blog?

Nedra


All times are GMT -6. The time now is 04:42 AM.

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