Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

How Can I Over Ride These Styles?


  #1  
Old Jul 14, 2013, 09:39 PM
GRF
 
76 posts · Mar 2011
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
  #2  
Old Jul 15, 2013, 05:39 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jul 15, 2013, 07:47 AM
GRF
 
76 posts · Mar 2011
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)
  #4  
Old Jul 15, 2013, 08:21 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
  #5  
Old Jul 15, 2013, 09:11 AM
GRF
 
76 posts · Mar 2011
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
  #6  
Old Jul 15, 2013, 09:14 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go to ato->Add HTML/CSS Inserts->CSS inserts and add
HTML Code:
div.widget ul li {...what ever you want as an override}
same for any css selector

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
3.4.6 to 3.5.3: h1,h2,h3,h4,h5,h6 styles are gone? ymf New Versions, & Updating 2 Aug 1, 2010 06:58 PM
Changing H1, etc. Used to be in styles.css coop42 Header configuration & styling 1 Jul 10, 2009 03:09 PM


All times are GMT -6. The time now is 05:47 AM.


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