Need Sidebar

Support > cpg1.6 themes (visuals)

Need Sidebar

(1/3) > >>

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: ---<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>

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

</div>
</div>
</div>

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

<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>   
<a style="color: #00138E !important; font-weight: bold;"href="http://bit.ly/2AtkBa0" target="_blank" rel="noopener">Check Out The New Watches</a>   
<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>

<div id="primary" class="content-area">
<div id="main" class="floating-box" class="site-main">
{ADMIN_MENU}
{MESSAGE_BLOCK}
{GALLERY}
</div>
<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>

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

<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>
</div>
</div>
</div>

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

<div class="site-disclaimer">

</div>
</div>
</div>
</div>
--- End code ---

--- Code: ---/* 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;
}
--- End code ---

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

ron4mac:

--- Quote from: thenota2 on January 01, 2018, 12:38:39 am ---could someone please help me with this simple thing, my site looks weird for guests

--- End quote ---

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.

Navigation

[0] Message Index

[#] Next page

Go to full version