The h2 tags in the Web Links module is not formatting correctly, for me. There is a style sheet for Web Links. Is there a way to add something to the style sheet that will not allow those tags to be shown in the Web Links module?
My problem is that:
Category: Start / Recommended Misc Sites
In the above the whole line is, say a font size of 14 bold, however the Start (which is a link) is only size 10 bold. This is happening in other places to. I'm assuming it has something to do with the style sheet for my theme.
TIA...
Watch
GitHub Core
Show your support for Zikula! Sign up at Github account and watch the Core project!
GitHub Modules
- michiel responded to »password problem« 10:01 AM
- mazdev responded to »Hide "Register new account" and change template to 3 col« 07:50 AM
- mesteele101 created topic »Zikula 1.3.3 - Site Search 1.5.2 - Unable to turn off plug-ins« 07:48 AM
- mesteele101 responded to »ERR (3): E_USER_ERROR: Smarty error: [in pagesvar:pagesitem2en line XXX]…« 25. May
- mazdev responded to »Pages 2.5.0 and updating - Page not found« 25. May
- mesteele101 responded to »Zikula 1.3.3 - Selecting a category in Pages not working« 25. May
- mdee created topic »How to implement returnpage ?« 25. May
Zikula Blog
- Anatomy of Open Source Projects on Mar 07
- Continuous Review on Mar 01
- Not Invented Here on Feb 24
- How to Contribute Your Code at Github on Jan 13
- 10 Steps to Coding-Nirvana: Tips for Successful Module Writing on Nov 12
- Submitting Bug Report Tickets That Get Results on Aug 17
- Cozi Tricks #1: Syntax Highlighting on Aug 07
Login
Suppress <h2> tags in Web_Links??
-
- Rank: Helper
- Registered: Sep 19, 2003
- Last visit: May 25, 2010
- Posts: 612
-
- Rank: Team Member
- Registered: Sep 06, 2006
- Last visit: May 09, 2010
- Posts: 2446
-
- Rank: Moderator
- Registered: Mar 15, 2005
- Last visit: May 30, 2010
- Posts: 1077
The styling issues are most certainly in your theme styles.css and the best way to find them is as Mateo suggests, use a tool like Firebug which will allow you to select elements and edit the so you can see the changes and know what file and line they are coming from. -
- Rank: Helper
- Registered: Sep 19, 2003
- Last visit: May 25, 2010
- Posts: 612
Yes, I have it installed. I can see the the line and I use HTML / INSPECT / HILITE THE LINE and the code shows up below. I can see the h2 and I can change it to h3 and it looks better, or I can remove the h2 tab and replace it with a b tag to make it bold. How do I go about saving it? I would think it needs to be changed in the style.css file so it could be global?
TIA... -
- Rank: Moderator
- Registered: Mar 15, 2005
- Last visit: May 30, 2010
- Posts: 1077
It does need to be changed there, and possibly your template as well.
Firebug just allows you to see the changes and layout, you need to edit your files accordingly.. -
- Rank: Moderator
- Registered: Mar 15, 2005
- Last visit: May 30, 2010
- Posts: 1077
WHen I was shown Firebug for the first time it was if a light was turned on above my head and everything I was doing could be seen more clearly. I can't imagine designing without it. -
- Rank: Helper
- Registered: Sep 19, 2003
- Last visit: May 25, 2010
- Posts: 612
My problem is; the H2 tag is all the files for the Web Links module makes the line reather odd looking. If there is a link in the line is about half the size of the rest of the line. I can remove the h2 tag and the line formats correctly (the text is uniform). I really don't want to edit all the associated files and was hoping for a global fix?
Firebug does make it more clear. -
- Rank: Moderator
- Registered: Mar 15, 2005
- Last visit: May 30, 2010
- Posts: 1077
-
- Rank: Helper
- Registered: Sep 19, 2003
- Last visit: May 25, 2010
- Posts: 612
-
- Rank: Helper
- Registered: Sep 19, 2003
- Last visit: May 25, 2010
- Posts: 612
It seems that I'm having some global problem with the h2 tag. The page looks identical in FF3 and IE7 except for the h2 tags, which look different in both browsers.
TAI... -
- Rank: Moderator
- Registered: Mar 15, 2005
- Last visit: May 30, 2010
- Posts: 1077
You could change the template to make the weblinks h2 tag call a specific CSS style so it will look inline with your anchor tag. The other way of course is to make a h2 specific anchor style but that is not valid CSS and it may not work in every browser. -
- Rank: Helper
- Registered: Sep 19, 2003
- Last visit: May 25, 2010
- Posts: 612
This is the styl.css file for Web Links. Is there a way to specify what h2 does from here?
Code
/* style the button tag */
div.wl-formbuttons button {
border: 0px;
padding: 0px;
background-color: transparent;
}
--
Kindest regards,
Michael...
WINSNORT.com Management Team Member
--
Pick up your FREE Windows Snort installation guides
mailto:support@winsnort.com
Website: http://www.winsnort.com
Snort: Open Source Network IDS - http://www.snort.org -
- Rank: Moderator
- Registered: Mar 15, 2005
- Last visit: May 30, 2010
- Posts: 1077
I'd have to look at your code in the template file that displays the h2 tag. -
- Rank: Helper
- Registered: Sep 19, 2003
- Last visit: May 25, 2010
- Posts: 612
Is it possible that the h2 tag has been incorrectly or improperly assigned within my original theme?
The tags must be assigned somewhere. It seems that IE and FF is interpeting the h2 tags differently. The h3 tag is being interpeted the same in IE and FF. Also, there seems to be a problem with links falling inbetween the h2 and /h2 tags, as being a smaller font size then the defined h2 tag that surrounds it.
TIA... -
- Rank: Moderator
- Registered: Mar 15, 2005
- Last visit: May 30, 2010
- Posts: 1077
Quote
Is it possible that the h2 tag has been incorrectly or improperly assigned within my original theme?
Perhaps.
Quote
The tags must be assigned somewhere.
They are in you themes CSS file and/or in the module CSS file.
Quote
It seems that IE and FF is interpeting the h2 tags differently.
Trust FF, IE is teh crap.
Quote
The h3 tag is being interpeted the same in IE and FF.
A mere coincidence.
Quote
Also, there seems to be a problem with links falling inbetween the h2 and /h2 tags, as being a smaller font size then the defined h2 tag that surrounds it.
It's working as designed in the template. To change that, you must change the template.
You may be able to use this:
Code
.pnbox1 a:active {
font-styel: blah
FYI: http://www.w3.org/Style/CSS/learning
- Moderated by:
- Support
