November 15, 2013 at 10:46 pm #73349
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/November 16, 2013 at 4:56 pm #73470
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
November 16, 2013 at 8:05 pm #73493
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.November 16, 2013 at 8:23 pm #73495
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--
November 16, 2013 at 8:31 pm #73497
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?November 16, 2013 at 8:52 pm #73499
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
November 16, 2013 at 9:14 pm #73503
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.
KrishnaNovember 16, 2013 at 9:20 pm #73504
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.
November 17, 2013 at 1:10 am #73532
That is really great! Thank you for the help!November 17, 2013 at 1:10 am #73533
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.