Move position of sidebar slightly to the right

  • I want to move the sidebar in the site https://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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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="https://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="https://www.facebook.com/CUTEBABYCONTEST.NET">LIKE US ON FACEBOOK</a></h2><iframe src="https://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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Kshitij Salgunan

    (@tech-kshitij)

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

    i didnt remove any comments,,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Move position of sidebar slightly to the right’ is closed to new replies.