• Resolved schoolspeak

    (@schoolspeak)


    Hello!

    I’m developing my first WordPress site. I have taken Boilerplate Html 5 and made a child theme from it. I installed NextGEN gallery and successfully created a slideshow from an album. It is on index.php which is a static WP page. NextGen is doing great: Flipping through pictures. But it won’t move! I can’t style it! I’d like to create a wrapper, put 4 slideshows inside, position them and move the whole thing to the right. But to start, I want to move this one simple slideshow right.

    When I get into the WordPress site (on my local server) I start firebug. Changing the CSS within firebug does nothing. I even went so far as to delete all the CSS within firebug and nothing changed! (Details: in firebug, I click on the css tab. the only place that “nggallery.css” exists is within “localhost/(mysitename)/wp-content/plugins/nextgen-gallery.css”. But when I delete every single element of CSS within this file in firebug, the slideshow still sits in the content area top, left 0. Nothing about it changes.

    I thought originally I must be grabbing the wrong CSS file, but there IS no other CSS file available. (Not that I can see in Firebug anyway).

      The only two things I am able to change are:

    • In the HTML view in Firebug it says:
      <div class=”entry content”> (which lives in the content of my page. I recognize this), then:
      <div id=”ngg-slideshow-1-8-1″ class=”ngg-slideshow” style=”height:240px; width:320px”
      I am able to change these inline styles and change the height, width, etc. Things happen visibly! But how can I get to them in the real world, outside of Firebug???
    • When I change the “ngg-slideshow-1-8-1” item, on the CSS side of Firebug I can see that “element.style” is also changing its height, etc. I do not see this “element.style” in the CSS file. Where is it?
      I’m afraid the answer is that somewhere within the dashboard settings, this element.style is figured out. For example, you can change the height and width of a particular photo. Maybe that’s what “element.style” reflects. But if so, how would I float the darned thing right or left, or get it to budge? I’m pretty sure that option is not available in the dashboard area.

      I want to stress that although I have a child theme going, this is not an issue with the child theme. I have hooked it up with and without the php and css located in the child theme and the same thing happens. I also apologize in advance that I’m unable to provide a live site. I have no idea how to get this off the local server onto the Internet yet, and have no url on which to test it yet.

      Thanks to anyone who made it though my question. Please help!

Viewing 1 replies (of 1 total)
  • Thread Starter schoolspeak

    (@schoolspeak)

    Figured it out, no thanks to this forum. But I thought I’d share for others who are struggling …

    I had forgotten to @import the nggallery.css file into my child css file. The end! What an annoying mistake I made there. TTFN!

Viewing 1 replies (of 1 total)
  • The topic ‘How to float slideshow right? Want to get to "ngg-slideshow-1-8-1"! Inline style’ is closed to new replies.