Return to Support

How do I move the slider up – center the movie – and remove the black dot just below?

Home Forums Graphene WordPress theme Support How do I move the slider up – center the movie – and remove the black dot just below?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #9074
    chirojstaub
    Member

    Hello,

    My website is http://www.avartawellness.com – my very first site. I am not a developer.

    How do I move the slider up so that the movie closely borders the menu? and how do I center the movie across the page? And can I get rid of the black dot below the movie?

    Thank you for your generous help,

    John

    #42722
    Prasanna SP
    Member

    Did you remove the slider?

    #42723
    chirojstaub
    Member

    Good Morning,

    No sir. I did not remove the slider. I am just using it for a single post with a link to a movie I pay for from educhiro.com. To be clear, I don’t own the movie, I pay a monthly payment to have the link to it on my homepage.

    From other posts of yours, I’ve improved the position of the slider – but one issue i’m having is that as I move the post up with the following css code –

    .featured_slider {
    background: none repeat scroll 0 0 transparent;
    margin-bottom: 2px;
    padding-bottom: 25px:
    padding-top: 0;
    position: relative;
    width: 100%;
    }
    .featured_slider {
    background: none ;
    margin-top: -30px;
    margin-bottom: -50px;
    }

    I am relatively new to this – and I can see some of this is redundant. I just noticed as I copied it for this post.

    The issue i’m having is that as I move the slider up (with the negative margin) it reduces the empty space between the slider and the top menu but as I reduce it more it interferes with the ‘hover’ area of the menu. I hope that makes sense.

    Thanks,

    John

    #42724
    chirojstaub
    Member

    And I just noticed that my drop down menu from the top menu no longer work. I believe this is from the same issue mentioned above. As I decrease the empty space between slider and top menu with the CSS code for negative margin (margin-top: -30px) It interferes with the functioning of the top menu.

    How do I keep the top menu functioning and decrease the empty space between the slider and the top menu?


    on a side note – I replaced the slider with a widget – but then I got the widget on every page. I still had some empty space but not as much as with the slider.


    Thanks,

    John

    #42725
    Quote:
    I did not remove the slider. I am just using it for a single post with a link to a movie I pay for from educhiro.com.

    This is your problem. The purpose of the slider is to slide. Using it do display a single post with a link to a movie doesn’t make sense.

    You can avoid all of these problems by just embedding the code for the post directly into your home page.

    And please don’t use headings to (h1, h2, etc.) to change the size of the text. That’s really bad practice. On a side note, I don’t think I’ve ever seen a more jacked sidebar. You’re really doing things the hard way here.

    #42726
    chirojstaub
    Member

    Thank You for your reply.

    I will put the movie directly into my homepage and remove the slider. That never even occurred to me. Thank You.

    On the text size, I didn’t see any other way to change it. How else do you do that?

    On the jacked sidebar, I don’t know the easy way. What would that be?

    Thanks,

    John

    #42727
    Quote:
    On the text size, I didn’t see any other way to change it. How else do you do that?

    Inline, you would do it like this:

    <div style="font-size: 12pt;">
    <p>Lorem ipsum...</p>
    </div>

    If you have a lot of attributes to add to that paragraph, then it’s better to declare a css class:

    In child theme stylesheet or Graphene custom css option:

    .myclass {
    font-size: 12pt;
    other style stuff;
    }

    In page:

    <p class="myclass">Lorem ipsum...</p>

    Try to use something more specific than “myclass” to avoid conflicts, however.

    Quote:
    On the jacked sidebar, I don’t know the easy way. What would that be?

    I would use method #2. Just define a class in your stylesheet, add the style information to it, and then just add the class to the widget. Should save you some load time and go easier on your server.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.