WordPress.org

Ready to get started?Download WordPress

Forums

Move position of sidebar slightly to the right (5 posts)

  1. Tech Kshitij
    Member
    Posted 1 year ago #

    I want to move the sidebar in the site http://www.cutebabycontest.net

    My aim is to get the full width page and the sidebar at the extreme right for keeping ads.I want the sidebar to be outside the full width page.

    i want to do it in Shuttershot theme.(i have changed my theme now)

    It would be very great if there is any plugin to do this.

    This are some of the possible related css codings.

    /* Right column non-widgets*/
    
    .right{
    	float:right;
    	width:260px;
    	padding:15px 0px 0px 0;
    	margin:10px 20px 0px 0px;
    	display:inline;
    	overflow:hidden;
    /* The Sidebar WIDGETS */
    
    .sidebar{
    	float:left;
            }
    
    h3.sidetitl{
    	font-family:'BebasNeueRegular';
    	color:#222;
    	font-size:22px;
    	padding:0px 0px 0px 0px;
    	margin-bottom:10px;
    	font-weight:normal;
    }
    
    .sidebox{
    	width:260px;
    	margin:0px 0px 30px 0px;
    	list-style:none;
    	color:#6f6f6f;
    	}
    
    .sidebox ul {
    	list-style-type: none;
    	margin:  0px;
    	padding: 0px 0px 5px 0px ;
    
    	}
    .sidebox li{
    	list-style-type: none;
    	margin: 0 ;
    	padding: 0;
    
    	}
    .sidebox ul ul  {
    	list-style-type: none;
    	margin: 0;
    	padding: 0px 0px 0px 0px;
    	background-repeat:no-repeat;
    	}
    
    .sidebox ul ul ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	border:0;
    	}
    
    .sidebox ul ul ul ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	border:0;
    
    	}
    
    .sidebox ul li {
    	height:100%;
    	line-height:18px;
    	clear:left;
    	width: 300px;
    	margin:0px 0px;
    	list-style-type: none;
    	}
    
    .sidebox ul li a:link, .sidebox ul li a:visited {
    	color:#6f6f6f;
    	text-decoration: none;
    	padding: 5px 0px 5px 0px;
    	display:block;
    	}
    
    .sidebox ul li a:hover {
    	color: #0e88a7;
    	}
    
    .sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,
    .sidebox.widget_links ul li,.sidebox.widget_meta ul li{
    	padding-left:0px;
    	border-bottom:1px solid #eee;
    }
    
    .sidebox.widget_recent_entries ul li a{
    	border-bottom:1px solid #eee;
    }
    
    ul#recentcomments li.recentcomments {
    	padding:5px 0px;
    	border-bottom:1px solid #eee;
    }

    Thank you very much for this help

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Move this HTML

    <div id="secondary" class="widget-area" role="complementary">
    						<aside id="text-7" class="widget widget_text">			<div class="textwidget"><script type="text/javascript"><!--
    google_ad_client = "ca-pub-7678787964318634";
    /* cute baby contest */
    google_ad_slot = "6755077539";
    google_ad_width = 250;
    google_ad_height = 250;
    //-->
    </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script><ins style="display:inline-table;border:none;height:250px;margin:0;padding:0;position:relative;visibility:visible;width:250px"><ins id="aswift_0_anchor" style="display:block;border:none;height:250px;margin:0;padding:0;position:relative;visibility:visible;width:250px"><iframe allowtransparency="true" frameborder="0" height="250" hspace="0" marginwidth="0" marginheight="0" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&&s.handlers,h=H&&H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&&d&&(!d.body||!d.body.firstChild)){if(h.call){i+='.call';setTimeout(h,0)}else if(h.match){i+='.nav';w.location.replace(h)}s.log&&s.log.push(i)}" scrolling="no" vspace="0" width="250" id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;"></iframe></ins></ins>
    </div>
    		</aside><aside id="facebook-likebox-3" class="widget widget_facebook_likebox"><h2 class="widget-title"><a href="http://www.facebook.com/CUTEBABYCONTEST.NET">LIKE US ON FACEBOOK</a></h2><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FCUTEBABYCONTEST.NET&width=200&height=432&colorscheme=light&show_faces=true&stream=false&header=false&force_wall=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 200px; height: 432px; background: #fff"></iframe></aside>		</div>

    to just underneath the closing <div id="main"> tag.

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    I had posted a solution for this, but it was removed!
    Stop removing my solutions!

    EDIT: Nevermind, the previous comment (above) is now visible

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    All you need to do is move the sidebar HTML to outside the main <div>

  5. Tech Kshitij
    Member
    Posted 1 year ago #

    @aveins/. thank you very much.. i will give it a try...

    i didnt remove any comments,,

Topic Closed

This topic has been closed to new replies.

About this Topic