Increase Contect area width

Community Forums Forums Design Tips and Tricks Increase Contect area width

This topic is: resolved

Tagged: 

This topic contains 9 replies, has 2 voices, and was last updated by  krishna.sa@gmail.com 8 months, 1 week ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #73349

    krishna.sa@gmail.com
    Member
    Post count: 12

    HI,

    I could increase the over all width of the blog. But, I could move the content area width. I could increase that too, but the grey shadow is not adjusting to the increased width, it is remain in the same place. What is CSS style property to update that?

    http://www.javabeat.net/
    #73470

    Robin
    Participant
    Post count: 291

    That line is coming from a static background image (look at line 640 in your style.css). You can remove the background and fix it…if you want a line to still be between the two, you’ll need to add a border to the side of either your content area or your sidebar–you can experiment with Chrome’s Developer Tools or Firebug in Firefox. HTH


    I do the best I can with what I’ve got. (say hey on twitter)

    #73493

    krishna.sa@gmail.com
    Member
    Post count: 12

    Awesome. I could remove the image border now. How I can fix this issue?
    Should I create a new image or Can I fix with the same image? . I could not see any properties to fix this issue.

    #73495

    Robin
    Participant
    Post count: 291

    If you want to use an image, you’ll have to create a new one–you might be able to reuse the old one and just shift and crop it differently–I haven’t looked that closely. Hope that helps–


    I do the best I can with what I’ve got. (say hey on twitter)

    #73497

    krishna.sa@gmail.com
    Member
    Post count: 12

    I am not that good at designing and CSS. What do you mean by crop it?. Should I cut the existing image or to change the CSS properties?

    #73499

    Robin
    Participant
    Post count: 291

    It would be easier to code in a border than to change the image, probably. You can try adding something like:

    border-right: #ccc double 2px;

    to your .content-sidebar #content, .sidebar-content #content rule (where you changed the width, line 809). That will screw up the sidebar, so you will want to change the width at line 1372 to 303px or lower.

    If you use Chrome, try the Chrome Developer Tools, or Firebug with Firefox–you can actually do a lot of experimenting with changing your CSS without breaking anything, and if it works, you can copy it to your stylesheet. HTH


    I do the best I can with what I’ve got. (say hey on twitter)

    #73503

    krishna.sa@gmail.com
    Member
    Post count: 12

    Hello Robin,

    You are too good and kind in helping me.
    It is awesome that I could apply border without using an image.

    As you have mentioned, yes I have updated at line number 809 for increasing the width of content area. That is because I have increased the total width and my requirement to have only change in the content area. I want the sidebar to be same width. So, i did not change that. Is it a problem?

    I am happy with your help. I am going to tweet and post in facebook as you have done the customization for my blog :). In future if i need any service, I would hire you.

    Thanks,
    Krishna

    #73504

    Robin
    Participant
    Post count: 291

    You are very welcome, Krishna!

    If what you’ve put in works, that’s fine–when I had been playing around with it a bit, the content area had ended up being a bit too wide, so the sidebar was pushed out of the way because it didn’t fit. But if it’s working for you, that’s the important thing. Glad it’s all sorted.


    I do the best I can with what I’ve got. (say hey on twitter)

    #73532

    krishna.sa@gmail.com
    Member
    Post count: 12

    That is really great! Thank you for the help!

    #73533

    krishna.sa@gmail.com
    Member
    Post count: 12

    Thanks!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.