Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Round corners on sidebar?


  #1  
Old Jan 9, 2010, 09:18 PM
Velma
 
272 posts · Feb 2009
I've been trying to wrap my head around this one. I've managed to get round corners on the top and bottom of the page, and on the various button graphics I've created, but the sidebar is still a sore spot for me. It's square. And I can't figure out how to get it round!

I'm using a graphic for the background in the sidebar, and I'm repeating it.

If I round the corners on this I'll end up with a scallop type of effect, and I don't want that.

My minds eye says force white round corner graphics into each corner, but I haven't got the foggiest how to do this.

http://strategicsense.ca is the site I'm playing with right now, in case you need that.

Thanks.

Velma
  #2  
Old Jan 10, 2010, 05:04 AM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
well you can use CSS to give the sidebars a round edge in all the browsers except IE by using
HTML Code:
-moz-border-radius: 30px;
-khtml-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
at ATO->Style & configure SIDEBARS-> Right sidebar style
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 10, 2010, 10:11 AM
Velma
 
272 posts · Feb 2009
That's rounding it, but the brown background shows through.

This is the code I have in there:

Code:
padding: 10px 10px 10px 20px;
margin-left: 30px;
background: #FFFFFF url(/wp-content/themes/atahualpa/images/bkgd-4.jpg) repeat-y;
-moz-border-radius: 30px;
-khtml-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
Dang!
  #4  
Old Jan 10, 2010, 10:59 AM
Velma
 
272 posts · Feb 2009
Can I use 3 images for the background? top, middle, bottom, and repeat the middle one?
  #5  
Old Jan 14, 2010, 09:29 PM
Velma
 
272 posts · Feb 2009
I had originally added round corners by adding html for two round corner graphics to the bfa_header_config.php. I have since figured out better ways to do this.

I modified this:

Code:
// Horizontal bar 2
if ( strpos($header_items,'%bar2') !== FALSE ) {
	$horizontal_bar2 = '<div class="horbar2">&nbsp;</div>';
}
by putting the html for the two graphics in where the &nbsp; is in this code.

I'm thinking, though, that this may lead to whatI am wanting to do with the sidebar.

IF this might work, where do I edit? Or what html code would I include in the Add HTML/css Inserts section?

Still playing with this. The site is coming closer and closer to what is wanted.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Need rounded off corners on menu boarders nickcee Page & Category Menu Bars 4 Nov 21, 2013 12:47 PM
BFA Round Tabs tarragon Other BFA WordPress Themes 1 Oct 28, 2009 04:23 AM
[SOLVED] Adding new link category creates round bullet Netforest Sidebars & Widgets 7 Oct 24, 2009 03:14 PM
Adding header image to BFA Round Tabs sherra Other BFA WordPress Themes 1 Sep 17, 2009 08:34 AM
rounding off corners on cell boarders nickcee Atahualpa 3 Wordpress theme 2 Jun 12, 2009 06:29 AM


All times are GMT -6. The time now is 04:33 AM.


Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.