Solved

wordpress - how to I add a nice curve to my page

Posted on 2013-06-05
10
326 Views
Last Modified: 2013-06-05
Hi experts,

I have just finished my website www.freedomfighterclub.org. and had an issue with 2 white sidebars on the side of my homepage.

I was advised by a member of EE to add the code below to remove. This worked perfectly but now I cannot add a curve to my homepage page. My theme does have the function but it doesnt seem to function since the code below was added to my custom.css.

Is there any way I can add the curve in directly from one of the editor sheets. Please advise.  

#wrap { padding: 0!important; }
0
Comment
Question by:gpersand
  • 4
  • 3
  • 3
10 Comments
 
LVL 4

Expert Comment

by:Ahmed Hussein
Comment Utility
Change #wrap padding to:

padding: 10px 0px 20px;

Open in new window


and remove:

#wrap { padding: 0!important; }

Open in new window


it should work perfectly.

~AG
0
 
LVL 9

Expert Comment

by:Ishaan Rawat
Comment Utility
Well.. Please specify what curve are you talking about...

if you are talking about the border curves then add...

border-radius: 10px;

Open in new window

0
 

Author Comment

by:gpersand
Comment Utility
I just did the above and its the same as before (not right).

Please take a look at my website again and you will see the white border around my main page. www.freedomfighterclub.org

I think it would be ok if the white border was BLACK.

Is there any way to change the colour?
0
 
LVL 4

Expert Comment

by:Ahmed Hussein
Comment Utility
this is not a border, it's your page, but it has a padding, which makes it look just like a border.
0
 

Author Comment

by:gpersand
Comment Utility
Can I change the padding colour to black?
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
LVL 4

Expert Comment

by:Ahmed Hussein
Comment Utility
nope, it doesn't work that way, tell me exactly what you want to do, to make it easier.
0
 
LVL 9

Accepted Solution

by:
Ishaan Rawat earned 500 total points
Comment Utility
GOT IT>>>>>>

Modify your #wrap css to...

#wrap {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
box-shadow: 0px 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
margin: 30px auto;
border-left: 20px solid black;
border-right: 20px solid black;
border-bottom: 20px solid black;
}

Open in new window


This will help you get what you want...
0
 
LVL 9

Expert Comment

by:Ishaan Rawat
Comment Utility
and also add...
in the end of your stylesheet

 .entry {
border: 0px !important;
}

Open in new window

0
 
LVL 9

Expert Comment

by:Ishaan Rawat
Comment Utility
Now you might be having a border on the top...

This is because of the h1.page-title now if you remove that it will be removed from every single page with h1.page-title...

But if you want that to be removed.. then add this to your stylesheet....

h1.page-title {
border-bottom: 0px !important;
}

Open in new window

0
 

Author Comment

by:gpersand
Comment Utility
Hey friend this worked perfectly. Thank you soo much@!!!
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Wordpress Horizontal Drop-Down Menu In this tutorial I will show you had to add a WordPress horizontal navigation menu to your theme. I have searched and searched for a good tutorial on creating a WordPress nav menu without adding a plug-in or us…
WordPress can be pretty daunting, especially for a beginner, so I thought it might be a good idea to write an article to show how easy it is to get started in WordPress and to design a custom theme.  The first step is to check with your hosting comp…
The purpose of this video is to demonstrate how to automatically show related posts at the bottom of a blog post in WordPress. This will be demonstrated using a Windows 8 PC. Plugin “Yet Another Related Posts Plugin” will be used. Go to your…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now