12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

CSS guidance

by opportunist86
10 replies
  • WEB DESIGN
    • |
How to do following for my web page ?
1) Increase post area width.
2) align header image to center
3) enclose my whole post in a border.
My site is on wordpress
Theme is twenty eleven
#css #guidance
  • Profile picture of the author xtrapunch
    Don't be an opportunist. Learn CSS from HTMLDog.com or W3C Schools.
    Signature
    >> Web Design, Wordpress & SEO - XtraPunch.com <<
    Web Design & SEO Agency | Serving World Wide from New Delhi, India

    {{ DiscussionBoard.errors[4789656].message }}
    • Profile picture of the author opportunist86
      But unfortunately, being an opportunist, i cant get it done. As you appear to be a wordpress expert, i guess you can help in a much better way!
      {{ DiscussionBoard.errors[4790590].message }}
  • Profile picture of the author KyleGolemMedia
    Opportunist,

    Do you know CSS at all? How to edit it?
    Signature
    Need Help Growing Your Audience?
    Let an experienced Marketer help! PM me with project details.
    Google AdWords, Bing Ads, Facebook Ads, Twitter Ads, etc.
    {{ DiscussionBoard.errors[4790721].message }}
  • Profile picture of the author opportunist86
    Yes. But cant get the above mentioned things done
    {{ DiscussionBoard.errors[4791175].message }}
    • Profile picture of the author KyleGolemMedia
      Originally Posted by opportunist86 View Post

      Yes. But cant get the above mentioned things done
      It's hard for me to tell how you've dropped these into your site.

      One big flaw with your site is not having a wrapper around everything. That's generally how you center things.

      For example:

      #wrapper {
      width: 900px;
      margin-left: auto;
      margin-right: auto;

      }

      I'd suggest adding something like that to your .css and wrapping from your header.php to your footer.php page.
      Signature
      Need Help Growing Your Audience?
      Let an experienced Marketer help! PM me with project details.
      Google AdWords, Bing Ads, Facebook Ads, Twitter Ads, etc.
      {{ DiscussionBoard.errors[4791498].message }}
  • Profile picture of the author opportunist86
    Its wordpress theme and doesn't contain any wrapper thing. I dont know css as much that i could add something new.
    {{ DiscussionBoard.errors[4794413].message }}
  • Profile picture of the author dexterdex
    I think if you take a closer look to some HTML tutorials you'll know how to do all this things and you'll see how easy it is.
    {{ DiscussionBoard.errors[4799530].message }}
  • Profile picture of the author lovenot
    Go to wordpress settings->editor-> style.css

    1. Find the width of the page. It should be around 800px to 1000px. Increase that.

    2. In your posts, add a <div style="clear:both; border:1px solid black;">your post content here</div> I do not have time to look through your webpage to find the proper elements to edit therefore this will do.
    {{ DiscussionBoard.errors[4799825].message }}
    • Profile picture of the author maile15
      Read a little bit about child themes, you can change you whole theme without causing any major problems, with the site. I learned Css just with practising. SO just try everything out and practise
      {{ DiscussionBoard.errors[4800670].message }}
  • Profile picture of the author Haikela84
    Hi

    to enclose your post borders, try this:

    /* Style the First (or Only) Post */
    .custom .post.top {
    background:#FFFFFF none repeat scroll 0 0;
    border:15px #666666 !important;
    margin:1em;
    padding:2em;
    -moz-border-radi #us: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    }

    if you want to apply this to all posts:

    /* Style Remaining Posts (in a Multi-Post Listing) */
    .custom .post.post_box {
    background:#FFFFFF none repeat scroll 0 0;
    border:15px #000000;
    margin:1em;
    padding:2em;
    -moz-border-radi #us: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    }
    Signature
    Top notch Virtual Assistant Services

    Avail of our July Promo

    Only $2 an hour for the whole month of July!
    {{ DiscussionBoard.errors[4800734].message }}

Trending Topics