Unable to Shift Sidebar from Left to Right Side in Pique Theme

  • Unknown's avatar
    jchavarria90 · Member ·

    Title explains it all.

    I opened ‘Inspect Element’ in Safari to find my site’s CSS. And I shifted 

    style.css
.sidebar {
	float: left;
	margin-left: 75%;
}

    To 

    style.css
.sidebar {
	float: right;
	margin-right: 75%;
}

    But no dice.

    Help?

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • melindahelt · Staff ·

    Try adding this code to your custom CSS editor. Your CSS needs to be more specific (targeting the .pique-sidebar) and you also need to adjust both the content area and the widget area (This wordPress theme calls the sidebar a widget area)

    .pique-sidebar .content-area {
    float: left;
    padding-right: 50px;
}

.pique-sidebar .widget-area {
    float: left;

}

    Hope this helps!

  • Unknown's avatar
    jchavarria90 · Member ·

    Hi Melindahelt,

    Your additional code worked! Thanks so much for the code and for clarifying what was missing.

    Joel

  • Unknown's avatar
    jchavarria90 · Member ·

    Hi again,

    It seems I spoke to soon.

    Now there is a white column on the right side of the Home and Blog pages.

    How can I fix this?

  • melindahelt · Staff ·

    Hi

    It looks like the white bar is only appearing when you look at the website on larger screens (for example, it wasn’t showing on my 13″ laptop screen, but it was when I looked at it on my larger monitor).

    This is because the images are not quite wide enough for the enlarged screen.

    Try adding this to your custom CSS editor. That should make the background fill 100% of your screen, and then adjust the photos accordingly.

    .site {
    max-width: 100%;
}

.pique-panel-background {
    background-size: cover;
}

.site-footer{
max-width:100%
}

    If there are any other glitches after you add this code, let us know!

  • The topic ‘Unable to Shift Sidebar from Left to Right Side in Pique Theme’ is closed to new replies.