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 » Plugins & Atahualpa »

CSS Help? Tools?


  #1  
Old Sep 15, 2012, 10:58 PM
theadventurebite
 
136 posts · May 2010
Hey all,

Finally got a plugin combo that is working to pull the most recent posts from each category into a slider of sorts. But I am having a terrible time getting the images to center in the viewing area.

How do you guys figure this stuff out? I've tried to use firebug a couple times without much success, is that the best tool to figure out what is wrong in css, etc stuff?

I can do all the CSS edits as far as the margins/padding etc for the images but I can't figure out which name they fall under to do the edits.

Thanks for any help,

Dani
  #2  
Old Sep 15, 2012, 11:06 PM
theadventurebite
 
136 posts · May 2010
The page with the slider is www.theadventurebite.com/home
  #3  
Old Sep 16, 2012, 02:59 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
How do you guys figure this stuff out? I've tried to use firebug a couple times without much success, is that the best tool to figure out what is wrong in css, etc stuff?
Experience, practice. I use firebug a lot but sometimes I'll Go view a page and opy it's source to a file, call it xxxx.html. Then I open xxxx.html I my browser so I can see it. Next I start taking stuff out of the file, save it and refresh it in the browser to see he change.

This can help finding a tricky bit of CSS.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Sep 18, 2012, 09:35 AM
theadventurebite
 
136 posts · May 2010
Thanks. That is a good idea.

I have been working with the developer of plugin 1 and basically what he is saying is that the <ul> tag that is being pushed out by plugin 2 needs to be gotten rid of.

I don't think this is possible so I am wondering if it is possible to style it away with CSS.

So far I don't see any css at all in the Mini Loops plugin so I've been trying to do it through CSS inserts in Atahualpa.

Here is what the source code looks like:
Code:
<p><h3 class="wp-tab-title">food.</h3> <div class="wp-tab-content"><div class="wp-tab-content-wrapper"> <ul> <img src='http://theadventurebite.com/wp-content/uploads/7977444197_4207aa287e_z.jpg' width='640' height='480' class='alignleft' alt='' /> </ul> </div></div><!-- end div.wp-tab-content --></p>
So I interpretted that as needing to style the UL within the div class wp-tab-content wrapper.

I tried two different things:

Code:
.miniloops ul img { 
	margin:none !important; 
	padding:none !important; 
	border:none !important; 
}

div#wp-tab-content-wrapper ul{
margin: none !important; 
border: none !important;
padding: none !important;
}
neither of these resulted in any movement at all.

Do these look grammatically correct?

Is what I am trying to do even possible or does a UL always mean there will be space?

Thanks for any tips.

Dani
  #5  
Old Sep 18, 2012, 10:01 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
a UL is the start of an 'unordered list' which means that you can expect one or more LI's inside it. You have none. So you should eithor add some LI's so it is
HTML Code:
<ul.....>
  <li....>
   <img...>
  </li>
</ul>
or get rid of the UL
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Sep 18, 2012, 10:46 AM
theadventurebite
 
136 posts · May 2010
Yes that is what i thought too. Unfortunately that isn't how her plugin is working nor can I easily just remove them without loosing the whole point of the plugin which is to not have to update the slider with each new post.

I have decided to just style it all in white so that you don't notice the discrepancies until I come up with a better solution.
  #7  
Old Sep 18, 2012, 11:07 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
To center the tabbed images you could use margin: 0 auto on the containing element but you have to set the width of the element. The following comes close. You would put it in CSS Inserts.
HTML Code:
.ui-tabs {
    margin: 0 auto !important;
    width: 690px;
}
I had to add !important to the margin to override what is there.
__________________
~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.

Last edited by lmilesw; Sep 18, 2012 at 12:27 PM.
  #8  
Old Sep 19, 2012, 06:52 AM
theadventurebite
 
136 posts · May 2010
Hi Larry,

Thanks for the help. It didn't unfortunately work but I have moved to an actual slider now that will accept the code as well. I will open a new string for that since it is a different plugin.

Thank you again.

Dani

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Google Webmaster Tools Crawl errors - WP-Domain.com/category-name/feed 404 not found adventure RSS, Feeds & Subscribing 0 Aug 27, 2011 03:33 AM
Anyone using W3 Total Cache or CDN Tools with ATA? lhanft Plugins & Atahualpa 2 Dec 12, 2010 11:29 AM
Google Web Master Tools ldsmedia Atahualpa 3 Wordpress theme 2 Jun 29, 2009 06:37 PM


All times are GMT -6. The time now is 06:28 PM.


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