WordPress.org

Ready to get started?Download WordPress

Forums

Adamos
[resolved] Slider Alignment (14 posts)

  1. superbeej
    Member
    Posted 9 months ago #

    Hi

    I love this theme it is great but i seem to have a problem with the theme slider.

    It is aligned to the right when i use the image dimensions that are recommended and the text is too. How would i fix this please?

    I have changed the code in firebug which fixed the alignment, but i can't find where to do this in the back end

    from

    style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;"

    to

    style="width: 100%; float: left; margin-right: 100%; position: relative; display: none;"

    http://www.c2caudio.com

    any help would be appreciated

    thank you

    ben

  2. Edde Poon
    Member
    Posted 9 months ago #

    Good day superbeej,

    Fairly simple way to tackle it since you are not using a child theme.
    Just go to appearance>customize>custom css and add

    element.style {
    margin-right: 100%;
    }

    Hope this help and keep the music flowing.

  3. superbeej
    Member
    Posted 9 months ago #

    Hi Edde

    Thanks for getting back to me so quickly, i don't seem to have the option of custom css but i do have edit css ( i was looking for custom css as i have used this with a different theme )

    I have added the code but it doesn't appear to have done anything.

    The word element is in red, i feel like i am missing something obvious :(

  4. Edde Poon
    Member
    Posted 9 months ago #

    So sorry about that. At this late at night I did not realize I was telling you to edit a element.style. It's actually not part of your stylesheet.

    Now with that said I cant seem to find anything wrong with your css. I installed the theme and my margin-right in element.style is also -100% but it is centered.

    Have you edit anything else with css that would make the slider move?

  5. Ossie Heffell
    Member
    Theme Author

    Posted 9 months ago #

    hi guys, yes the -100% actually comes from the slider js file. It looks like something has been changed in the css

  6. superbeej
    Member
    Posted 9 months ago #

    hi

    the only thing that i have changed is the colour of the box around the jetpack widget for facebook in the footer.

    I will try a few more attempts to get this to work and let you know. Thank you for trying to help :)

  7. superbeej
    Member
    Posted 9 months ago #

    If i have one featured image / post, it is central, but when i add the second one, that is when the right alignment happens.

    i have tried a few different images. and the same happens.

    just to clarify, i have a post category called featured with the slug label as featured. the image i have used are 2000x500 and are all compressed for web.

    :-/

    any ideas?

  8. Ossie Heffell
    Member
    Theme Author

    Posted 9 months ago #

    hello, if nothing has been changed in your styles I am not sure what the problem can be. Have you tried disabling your plugins to see if there is a conflict?

  9. superbeej
    Member
    Posted 9 months ago #

    Hi

    Yes i have tried disabling all plugins one at a time and it has made no difference.

    Really gutted it's not working :(

    Is there anywhere in the backend that i can change the -100 value so that it is 100 as this works when i change it in firebug :)

    Thanks again

  10. alfredchan
    Member
    Posted 9 months ago #

    I am having this problem too :(

    My site is: http://www.gazellemedia.com.au

    I have tried disabling all plugins to no success. I have also tried editing the js file and remove "marginRight:"-100%" which got the slider to align in the centre but messed up the slider transitioning. Instead of sliding left to right, it would slide up and down creating two banners and extened the height of the page. Editing the js file also messed up the slider for mobile and tablet viewing.

    Does anyone have any other ideas?

  11. bzerbe323
    Member
    Posted 6 months ago #

    I am having this problem too.
    http://www.bzdesign.net/authenticfoodadventures/

    And the custom header I installed for the additional pages is also doing the same thing.
    http://www.bzdesign.net/authenticfoodadventures/thai-cuisine/

  12. Ossie Heffell
    Member
    Theme Author

    Posted 6 months ago #

    Hello, this is normally caused by your logo being too big for the header. The recommended logo height is 78px. If your logo needs to be bigger you can add this to the style.css flie:

    #masthead-wrap {
    min-height: 100px;
    }
  13. bzerbe323
    Member
    Posted 6 months ago #

    That was it! Thank you.

  14. Ossie Heffell
    Member
    Theme Author

    Posted 6 months ago #

    great - good luck with your website :)

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.