Topic Resolution: Resolved
  • Closed
  • Rssn
    Spectator
    June 9, 2015 at 7:07 pm #18004

    How can I move up the flex slider because it’s not align with the sidebar and how can i adjust the margin of the page? thanks in advance.

    Denzel Chia
    Moderator
    Posts: 2656
    June 10, 2015 at 5:29 am #18007

    Hi,

    Please provide your site url.
    Only then I will be able to give you example custom css code.

    This is a duplicate of https://theme4press.com/support/topic/resize-the-sidebar-and-adjust-the-margin/

    Please only ask your related question in this thread.

    Thanks!
    Denzel

    Rssn
    Spectator
    Posts: 31
    June 10, 2015 at 6:45 am #18008
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    June 10, 2015 at 7:31 am #18012

    Hi,

    Please kindly place the following codes in your Theme Options -> Custom CSS

    For flexslider,
    It will move up your flexslider to the same level as sidebar.

    #wooslider-id-1 {
    position: relative;
    top: -25px;
    }

    For the sidebar width, the following will reduce it to 300px.

    #secondary {
    max-width: 300px !important;
    }

    As for the page margin, I assume you want to move the content’s container. This is not advisable, but you can try out the following code. Which will push all content to right, widening the “left margin”.

    @media only screen and (min-device-width:1024px){
    .container.container-center.row {
    margin-left: 300px !important;
    }
    }

    The above are working examples and all you need is to change the number of px

    Thanks!
    Denzel

    Rssn
    Spectator
    Posts: 31
    June 10, 2015 at 8:05 am #18015

    Hi Denzel,

    Thank you for helping.

    Rssn
    Spectator
    Posts: 31
    June 10, 2015 at 11:51 am #18069

    Hi, Denzel

    I used the css for the side bar, it worked but i thought it will give more space to the content. is there any other workaround?

    Thanks in advance

    Imran
    Spectator
    Posts: 402
    June 10, 2015 at 12:24 pm #18084

    Hi there,

    Thanks for writing in,

    As your website is in coming soon mode so I couldn’t check it. However to achieve more width in your content you can add following code under Appearance > Theme Options > Custom CSS:

    #primary {
    width: 74%;
    }

    Thanks.

    Rssn
    Spectator
    Posts: 31
    June 10, 2015 at 12:48 pm #18090

    Hi Emran,

    I’ts okay now. Thank you so much!

    Imran
    Spectator
    Posts: 402
    June 10, 2015 at 1:04 pm #18104

    You’re welcome! 🙂