Only One slider navigator dot appearing

  • DieKreatur


    Hi Folks,

    I only get one “nav dot” under my slider.

    I had customized a child on a local installation (instantwp) with both previous versions of WP and graphene.

    now I’m making my site online and have installed WP 3.3 and graphene 1.5.6, AND i installed my child-theme. the only plugin i have are qtranslate and qtranslate meta, which have been both uninstalled for testing.

    you can see here the actual site:

    I deactivated my child and activated the simple graphene 1.5.6 theme but the nav dot still is one. Of course i checked in the slider options the “number of posts to display”. but nothing…

    Can you help me or give me suggestions to fix this problem?

    thank you!



    Most of the elements in your child theme style sheet is same as the parent theme. You don’t need to copy the entire style sheet into child theme. Just use @import url("../graphene/style.css"); property to call parent theme’s style sheet.

    Read this post on modifying the theme using a child theme –



    Hi Prasanna,

    Thank you for writing me. Indeed I have copied the whole style sheet folder into the child folder, cause i wanted to change some little things one day (i got the psd.)

    the links to the style sheet are heading to that path.

    I realized that in the child’s style.css one only the exceptions have to be added, but i don’t know how one has to write this code in order to make it swap the changes.

    I understood the meaning of the property

    @import url(“../graphene/style.css”);

    even if i don’t know where it has to be placed in the child’ style.css.

    I will have to learn to customize properly the style.css


    even if I entirely bypass my custom child style.css by switching back to Graphene’s original style.css I still got only one dot on the navigator.

    Am I doing something wrong? Shouldn’t it be working if i use the original style.css?




    there’s also only one Home pane appearing, also using the original style.css.

    Is it maybe WP 3.3 or the graphene 1.5.6?



    Indeed I have copied the whole style sheet folder into the child folder

    This is NOT the proper way to use a child theme stylesheet. Adding the first line @import url("../graphene/style.css"); automatically loads your entire theme stylesheet. All you need to add to your child theme stylesheet are any customizations to the elements which already exist in your theme.

    Am I doing something wrong?

    Not really. You just have your slider set where it’s only showing one “slide”. You need more slides to have more buttons. What option do you have selected for the slider to display slides?



    Hi josh!!!

    Yes, I tried the import function and picked the images from the original graphene folder. That’s clear now.


    THANK YOU! I was sure I had more then one sample post (as I’m beginning right now, and didn’t get to contents yet)BUT there was only one post!

    So, I added another post and two dots appeared!

    So now: when i was still testing the theme locally, I have made several changes working directly on a total copy of the style.css… NOT GOOD, ok, but that’s the child i got

    Would it be correct now if i cut away from my child style all the code spots I didn’t made changes on? Shortly: keep only what’s different from the original style.css

    Could you please help me once more by telling me which procedure would be best?




    Yes, you could do it that way. However, it might be quicker to just start over, and make the adjustments in your child theme again (the proper way).

    Let’s say, for example, the graphene uses this code for the main content area:

    #content {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-bottom: 20px;
    padding-top: 21px;

    If we wanted to change just the background color and leave the padding alone, we would only need to add this to our child theme stylesheet:

    #content {
    background: none repeat scroll 0 0 #000000;

    This adjustment would change the background color from white to black, and leave the padding unaffected. You only need to include the element name, and the property and value you are modifying.




    Let me se if i got it:

    #content-main {

    float: none;

    width: 100%;


    .two-columns #content-main {

    float: left;

    width: 675px;


    I know I changed only the two columns width to 675 px. SO:

    .two-columns #content-main {

    width: 675px;


    because if I’m getting it right: the “#content-main” part that is kept will make my change to the two columns’ version belong to the proper section.

    My fear was: How can i be sure the child’s own differences find their way to the portion of code that has to be changed? And what if I want to subtract something, for example the little “v-tick” image on the menu bar in the case of subpages (previously i simply would have cut the chunk of code off :))

    Where can I read more to understand this language?

    Thank YOU!



    Well, you can start by using the Mozilla Firefox Browser with the FireBug addon. This allows you to view the css code as it’s being called in real time.

    Learn more about firebug here:

    And learn how to use it to view the css on your site. Ken has an excellent tutorial here:

    And I have a video here:

    To learn all about the CSS language and how it works, start here:



    Many Thanks!

    You are very kind.

Viewing 10 posts - 1 through 10 (of 11 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.
Graphene Themes Forum