Jump to content


Photo

Remove borders from widgets


  • Please log in to reply
27 replies to this topic

#1 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 19 December 2011 - 01:37 AM

How do I remove the borders from my secondary sidebar? I think that it is using too much space and I would like not have this white border with shadows, but only in the secondary sidebar. I guess I need to do some custom CSS, but I do not know how to fix this.

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16523 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 December 2011 - 10:52 AM

Hi ahansson89, Would it be possible to post a link to your site please!

#3 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 19 December 2011 - 01:00 PM

yes of course. http://apple-blog.us

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16523 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 December 2011 - 01:37 PM

Hi,

Try adding this to your custom code:

 #php_widget-7 .widget-pad, #text-7 .widget-pad {border: 0 none !important;box-shadow: transparent !important;background: transparent;}


#5 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 19 December 2011 - 03:12 PM

Almost there... then we just need the gray box to go away...

#6 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 19 December 2011 - 04:57 PM

Which gray box? Do you mean the borders around your ad space?

#7 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 19 December 2011 - 09:29 PM

yes. I want nothing but the ads in that space, no unused space.

#8 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 19 December 2011 - 10:47 PM

Hi there, try this:
 #php_widget-7 { border: none !important }


#9 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 December 2011 - 01:31 AM

Now there is only a little shadow left. I would now like to make the widget area 160 pixel wide so that I do not have like 30 pixel that is unused.

#10 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 20 December 2011 - 01:50 AM

Change the code that was given to you previously to this:
 #php_widget-7 {border: none !important; width: 160px;}


#11 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 December 2011 - 01:59 AM

It is not helping, it is just resizing the ad. I want nothing else that the ad on that space, no fancy borders, frames or shadows....

#12 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 20 December 2011 - 02:06 AM

Every time I try to inspect the widget to get the code right, it redirects me to a blank page (possibly because of the ad in the widget). Can you please try removing it first and putting some random text in it so that I can look at it more easily?

#13 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 December 2011 - 05:08 PM

done catrina

#14 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 20 December 2011 - 05:15 PM

This removes absolutely everything from the sidebar, just as you asked. Keep in mind there is a lot of empty space there that can't be used. You will need to adjust your settings for the width of sidebar2 in order to take advantage of that space. I check the size, I advise typing a bunch of run-on text (no spacing) and get it to the right width.

Use the following custom CSS:

 #sidebar2.scolumn .widget-pad {
	    padding: 0;
	    text-shadow: 0 0 0;
	    border: 0;
	    background: none;
	}


#15 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 21 December 2011 - 09:15 AM

It start to look like something that I wish.

Now there is a empty space in the right side of the sidebar... How do I move sidebar2 to the right while sidebar1 fills out the space left of it.

On the layout page the settings is sidebar1=250px and sidebar2=160px exactly as I wants it.

My custom CSS on sidebar2 is:
 #sidebar2.scolumn .widget-pad {
	    padding: 0;
	    text-shadow: 0 0 0;
	    border: 0;
	    background: none;
	    width: 160px;
	}


#16 Danny

Danny

    Is Awesome!

  • Moderators
  • 16523 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 December 2011 - 11:28 AM

There is an empty space as you have no active widgets, add whatever widgets you want to be in your sidebar2 and then it should be the look you want.

#17 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 21 December 2011 - 02:02 PM

Come on guys, I don't think this is hard to understand. I have some unused space on the right side of the banner ads + I still se a frame and some shadows, I do not want that. If you are not able to help me, then I do not want Pagelines and your services.

#18 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 December 2011 - 07:37 PM

Try putting back some text or the ad and let's see if the grey box, which is the text widget, goes away. If it still shows padding around the ad with a grey background, we'll be able to see that and try to fix.

#19 Jackey

Jackey

    Advocate

  • Members


  • 685 posts
  • LocationHelmond
  • Country: Country Flag

Posted 21 December 2011 - 08:29 PM

My 2c... I assume the only object you want to change is #php_widget-7

 li#php_widget-7.php_widget.widget.fix {
	  border:none;
	  -moz-box-shadow: none;
	  -webkit-box-shadow: none;
	  box-shadow: none;
	  width: 213px;
	}

If you want it to be 160px wide change the width.

...and take this out of your custom code:
 sidebar2.scolumn .widget-pad {
	padding: 0;
	text-shadow: 0 0 0;
	border: 0;
	background: none;
	width: 160px;
	float: right;
	}

Just use safari & show development tools in [preferences] [advanced]

#20 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 22 December 2011 - 12:06 AM

I am getting sick of this! Is anyone of you able to help me and provide me with the custom code that I need to type in or do I have to figure this out by my self!? In this video: , you are telling me that it is easier than ever to build websites, but I just do nott think it is with the help that I am getting on this forum! If any of you guys want to help me out, I can provide you with a temp admin login, in that way you can do whatever is needed to fix this.