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 » Header configuration & styling »

Have 2 rounded corners and 2 squared possible?


  #1  
Old Nov 22, 2010, 11:04 AM
vincent
 
64 posts · Nov 2010
Hi,
Client needs to match the main template with corporate printed brochures.

How do I make the top left and bottom right corners rounded, leaving the top right and bottom left as squared corners please?

Hoping there is a CSS cross-browser solution to this.
Thank you,

- Vincent
  #2  
Old Nov 22, 2010, 02:42 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
take a look at w3schools.com/css and you will find the syntax for rounding and you can use syntax to refer to top/right, bottom/left etcx
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 22, 2010, 07:25 PM
vincent
 
64 posts · Nov 2010
Where within the theme options is best to put this particular CSS please?

By the way, I can't seem to add an amount for donation :-(

Thanks,

- Vincent
  #4  
Old Nov 22, 2010, 07:45 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
(thanks, we know about the donation issue and it's being looked at)

where to put the CSS depends on what you are styling. Many of the areas have their own configuration section, but there is also a CSS Inserts section for applying CSS to something that is not covered in the options.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Nov 25, 2010, 09:48 AM
vincent
 
64 posts · Nov 2010
OK, firstly seems that donation link is working now :-)

Now to do my first bit for the community.
In case anyone else needs to do the same or similar to myslef, here is what you need to do:

Go to "Style & configure layout"
Add the following
Code:
/* uncomment next block for round corners */

-moz-border-radius: 30px 0px 30px 0;
-khtml-border-radius: 10px;
-webkit-border-radius:30px 0px 30px 0;
border-radius: 30px 0px 30px 0;
Just change the 30px to any value that works best for you.
Best wishes,

- Vincent
  #6  
Old Nov 26, 2010, 05:53 AM
vincent
 
64 posts · Nov 2010
By the way, the above won't work to give rounded corners for any IE browsers -- except IE9 maybe -- but heard there is a method by uploading and referencing to a custom .htc file.

If anybody here knows more about this it would be appreciated.
Many thanks,

- Vincent

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 11:47 AM
Rounded Corners with an image Xethon Sidebars & Widgets 2 Sep 16, 2010 07:31 AM
Rounded corners of images? JoannaLynnPhoto Center area post/pages 1 Jun 8, 2010 05:20 AM
Rounded corners at top and bottom mook Header configuration & styling 1 May 27, 2010 02:58 PM


All times are GMT -6. The time now is 01:00 AM.


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