Need Sidebar

[thenota2]

i want to just use a sidebar, whatever the options are for that are on the theme. i want to just have a sidebar thats there, no browser thing to deal with. anyone who comes to my site sees the browser and doesnt have a choice, can you help me

http://olsen-twins.net

[ron4mac]

You can copy how that is done from the mnd-cpg12 theme that you already tried out.

[thenota2]

i tried working on this over an hour but cant get the sidebar on the rite, it just shows up underneath the whole site

ive attached my theme as it is, sidebar in there but on the bottom

http://olsen-twins.net

Code Select Expand

<div id="page" class="site">
<div class="site-container">
<h1 class="site-title">Olsen Twins</h1>
<div class="site-tagline">Mary Kate And Ashley Olsen Pictures</div>
</div>

<div id="site-navigation" class="site-navigation">
<div class="site-container">
<div id="main-navigation" class="main-navigation">
<label for="show-menu" class="show-menu">Menu</label>
<input type="checkbox" id="show-menu">
<ul class="rpv-menu">
<li><a href="http://olsen-twins.net">Home</a></li>
<li><a href="/bio">Mini Bio</a></li>
<li><a href="#">Career</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Website</a></li>
</ul>
</div><!-- .main-navigation -->

<div id="social-navigation" class="social-navigation">



</div><!-- .social-navigation -->
</div>
</div><!-- .site-navigation -->

<div id="masthead" class="site-header"></div><!-- .site-header -->

<div id="content" class="site-content">
<div class="cpg-navigation">
{SYS_MENU} {SUB_MENU}
<div class="munnslinks">
<a style="color: #00138E !important; font-weight: bold;"href="http://olsenfashionnook.com" target="_blank" rel="noopener">Buy E&J And The Row</a>&nbsp;&nbsp;&nbsp;
<a style="color: #00138E !important; font-weight: bold;"href="http://bit.ly/2AtkBa0" target="_blank" rel="noopener">Check Out The New Watches</a>&nbsp;&nbsp;&nbsp;
<a style="color: #00138E !important; font-weight: bold;"href="http://olsenfashionnook.com/elizabeth-james-nirvana" target="_blank" rel="noopener">Check Out The New Nirvana French Grey And Amethyst Fragrances</a>
</div>
</div><!-- .cpg-navigation -->

<div id="primary" class="content-area">
<div id="main" class="floating-box" class="site-main">
{ADMIN_MENU}
{MESSAGE_BLOCK}
{GALLERY}
</div><!-- .site-main -->
<div id="secondary" class="floating-box" class="side-area">
<div class="side">
<div class="side-title">User Options</div>
<div class="side-content side-cpg">{SYS_MENU}</div>
</div><!-- .side -->

<div class="side">
<div class="side-title">Gallery Options</div>
<div class="side-content side-cpg">{SUB_MENU}</div>
</div><!-- .side -->

<div class="side">
<div class="side-title">Site Disclaimer</div>
<div class="side-content">Lorem ipsum dolor sit amet, <strong>consectetur adipiscing</strong> elit. Maecenas vel ultricies sapien. Proin eu accumsan metus. Pellentesque varius aliquet sapien, sed laoreet diam viverra vel. Phasellus condimentum congue ante. Donec <em>porttitor eleifend erat</em> eget faucibus. Vivamus mattis imperdiet sem a volutpat. Cras ultrices tincidunt hendrerit. Nulla facilisi. Morbi id lorem et sapien luctus eleifend. Vestibulum <a href="#">eleifend dapibus ornare</a>. Ut at dui metus, in accumsan nibh.</div>
</div><!-- .side -->
</div><!-- .side-area -->
</div><!-- .content-area -->
</div><!-- .site-content -->


<div id="colophon" class="site-footer">
<div class="site-container">
<div class="site-info" style="font-size: 10px !important;">
&copy; 2018 <strong>Olsen Twins</strong> Powered by <a href="http://coppermine-gallery.net/">Coppermine</a>
</div><!-- .site-info -->

<div class="site-disclaimer">



</div>
</div>
</div><!-- .site-footer -->
</div><!-- .site -->

Code Select Expand

/* 6.0 CPG Menu
-------------------------------------------------------------- */

.side-area {
font-size: 13px;
line-height: 20px;
float: right;
width: 160px;
padding: 10px 30px 0 30px;
}

.side,
.side-content {
margin: 20px 0 40px 0;
}

.side-title {
font: 700 19px/20px 'Source Serif Pro',serif;
position: relative;
margin: 20px 0;
padding: 0 0 10px 0;
color: #212121;
border-bottom: 1px solid #dedede;
}

.side-title:after {
position: absolute;
bottom: -2px;
display: block;
width: 50px;
height: 3px;
content: '';
background: #009bde;
}

.side-content {
text-align: justify;
}

.side-cpg a {
display: block;
padding: 5px;
border-bottom: 1px dotted #dedede;
}

.side-area {
    float: none;
width: auto;
padding: 3px 3% 1px 3%;
background: #f5f5f5;
}

.side-area {
width: 14.54%;
padding: 10px 2.68% 0;
}

.floating-box {
    display: inline-block;
}

[thenota2]

could someone please help me with this simple thing, my site looks weird for guests

[ron4mac]

could someone please help me with this simple thing, my site looks weird for guests

You started with this that had proper positioning of the 'sidebar'. Somehow you messed it up. Start over...

It is not the responsibility of the members of this site to teach you HTML/CSS/PHP or to help you fix a third party theme (for which you are failing to credit the designer) that you have broken.

[thenota2]

ive been involved in html for ten years, i just want some help, thats what support forums are for. i didnt say it was your responsibility, i just need about two minutes of help from somewhere i know they know how to do it

[ron4mac]

Multi-column site layouts
Inspecting page elements with your web browser
   more inspect page

[thenota2]

i dont want to spend another hour doing nothing, its a simple thing, probably one line or two out of place i know you can help with. ive already sat here and tried to get it to work

[phill104]

What he is saying is you will need to look through what you have changed, and why. Go through it step by step from your original theme and you should be able to find where you changed it that is causing your problem.

While it may sound simple, for us to look through a third party theme could be very time consuming. In addition, as your theme is a licensed one you paid for it would be wrong for you to publish the code here for anyone to look through. As the problem could be in any PHP changes you might have made, all we can see is the generated html making any changes we might try irrelevant. So it is a task you will need to undertake.

[Mirela]

I've compared your site and Monica's theme. You messed up the code. I inserted the designer's stylesheets into your theme using inspect and doing so produced different results. I would follow the other users' advice and just start from scratch. If you still have .zip file, you can reupload it again and it should work.

This forum is for Coppermine-related issues, not theme issues unless it's from the themes from the community where bugs and issues may occur. This particular issue is HTML/CSS/PHP related and has nothing to do with Coppermine. Not to also mention that you are in the wrong section.

If you experience more issues after following the advice above, post your concerns at http://fancrave.net and they should be answered.

[thenota2]

i cant do it, they wont answer their mail