Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

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

Posted on 2013-06-05
10
Medium Priority
?
342 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
  • 3
10 Comments
 
LVL 4

Expert Comment

by:Ahmed Hussein
ID: 39221324
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 10

Expert Comment

by:Ishaan Rawat
ID: 39221326
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
ID: 39221334
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
Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

 
LVL 4

Expert Comment

by:Ahmed Hussein
ID: 39221335
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
ID: 39221341
Can I change the padding colour to black?
0
 
LVL 4

Expert Comment

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

Accepted Solution

by:
Ishaan Rawat earned 2000 total points
ID: 39221354
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 10

Expert Comment

by:Ishaan Rawat
ID: 39221359
and also add...
in the end of your stylesheet

 .entry {
border: 0px !important;
}

Open in new window

0
 
LVL 10

Expert Comment

by:Ishaan Rawat
ID: 39221388
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
ID: 39221408
Hey friend this worked perfectly. Thank you soo much@!!!
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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…
This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…

609 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