How Can I Over Ride These Styles?
 

I've been pulling my hair out for months trying to figure out how to display my custom menu in the side bar and used FireFox to debug this.

I'm using Atahualpa 3.6.4

In the Menu item...
- Sidebar & Widgets -> Style Widgets

How can I over ride the following items in Widget List Items and Widget List Items, 2nd level?

- Left Margin for whole Item (set to 0)
- Left Border Width for Links (set to 0)
- Left Padding for Links (set to 0)

And also the following...

Here is a code snippet of my menu item...

<div id="imouter0" class="imcm">
<ul id="imenus0">
<li id="ulitem0z0" class="imatm" style="width:100%;"><a id="ulaitem0z0" class="" href="http://www.stun-guns.htm"> … </a><div class="imsc"> … </div>
</li>

For the <a></a> tag inline: 679, I need to override the display: inline; to make it unchecked or disabled. Here is the CSS.

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; // UNCHECK
}

For the <li></li> inline: 600, I need to override the line margin: 2px 0px; to make it unchecked or disabled. Here is the CSS.

div.widget ul li {
display: block;
margin: 2px 0px; // UNCHECK
}

Thank You for your help! - Glenn

Do you have a link to the site?
Is there some reason you are not using Atahualpa 3.7.12?
Where did you come up with //UNCHECK?

OK, I found the code in the theme I'm try to override. For now I just changed the following with the lines commented with GRF. My menu now works perfectly but other things in the blog using this commented changed code may be affected. Is there a way to over-ride this in my CSS?

FILE: css.php

div.widget ul li {

display: block;

/* GRF Changed margin: 2px 0 2px to margin: 0px 0 0px in line below*/

margin: 0px 0 0px <?php echo $bfa_ata['widget_lists']['li-margin-left']; ?>px;

padding: 0 0 0 <?php echo $bfa_ata['widget_lists']['link-padding-left']; ?>px;

border-left: solid <?php echo $bfa_ata['widget_lists']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists']['link-border-left-color']; ?>;

}


div.widget ul li a:hover {

/* GRF commented following line*/
/* display: inline; */
}

Also, is there a way I can over-ride the following items in Widget List Items and Widget List Items, 2nd level in code? For now I just set all these items to 0.

- Left Margin for whole Item (set to 0)
- Left Border Width for Links (set to 0)
- Left Padding for Links (set to 0)

I have never changed anything in CSS.php. Editing the theme code means you have to remember to do it each time you upgrade.

Check the theme options and anything not in a theme option can be overridden by adding the override CSS to the CSS Inserts option and then it will survive updates.

OK. So can you tell me how I can over-ride the following code that is in css.php?

div.widget ul li {
display: block;
margin: 2px 0 2px <?php echo $bfa_ata['widget_lists']['li-margin-left']; ?>px;
padding: 0 0 0 <?php echo $bfa_ata['widget_lists']['link-padding-left']; ?>px;
border-left: solid <?php echo $bfa_ata['widget_lists']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists']['link-border-left-color']; ?>;
}

div.widget ul li a:hover {
display: inline;
}

Thanks in advance, Glenn

go to ato->Add HTML/CSS Inserts->CSS inserts and add
same for any css selector