atraael
MemberForum Replies Created
-
I know my coding is not the best but I believe I found a workable solution. Here are the codes I added and modified in the child them style.css It made the left sidebar and widgets thinner and expanded the right sidebar and widgets.
.three-columns #sidebar2 div.sidebar-wrap {
width: 250px;
}
.three-columns #sidebar1 div.sidebar-wrap {
width: 150px;
}
.three-columns #sidebar1 div.sidebar-wrap {
width: 150px;
}
.three-columns #sidebar1 {
width: 175px;
}Thank you. I found that part of the code and made adjustments, however, for the code I have been making the adjustments to it expands both sidebars. I even tried to rework the code (I am NOT a coder by any stretch of the imagination) to specity the one on the right but nothing happened. Here’s what I’ve been working with. Correct me if I’m wrong:
.three-columns #sidebar1, .three-columns #sidebar2 {
width: 227px;In the CSS stylesheet I’ve always been working with
#sidebar1,
#sidebar2 {
display: inline;
float: left;
margin-top: 4px;
padding: 0 15px 30px;
width: 255px;If this is the wrong then I’m totally lost.
Another thing is that the times it did expand the sidebar it expanded the black space between the siedebars and the middle column but didn’t expand the size of the widget header/box graphics itself.
Correct, (I was probably miscommunicating as a novice). It’s FAR easier and quicker to just adjust the image size directly in the code rather than take every image, put it in PShop, resize it, reupload to the site and then paste the code. In my case, maintaining the original image proportions isn’t a “must” so I can live with pictures that may be a little flatter or skinnier.
My time is more important than an aesthetic.
Thanks again.
Success. I tried it with this latest code you gave me and it works PERFECTLY. No borders, no skewing to one side and centered perfectly. I also adjusted the image size in the code and the picture got bigger and smaller without shifting sides.
Thank you again, Josh. Much appreciated.
Okay. For my own future reference, I had also been changing the image dimensions directly in the code from the widget box rather than photoshopping it. Is it better to already have the image at the appropriate size or is it okay to just adjust the size in the copy and paste code or does it make a difference?
Okay. I was using another image that was only 150px wide and it was way over to the left any measurement over 190 pushes them to the right , but my Photoshop is better than my .html so resizing pics is no biggie. So, if that’s just a rule of the widget box (that you can’t go over or under a certain width without moving the alignment) then I can resize them. You’re correct, 190 px centers the pictures perfectly but using any other width throws it off.
I hope I’ve understood you correctly.
Thank you again for the help, Josh.
There’s no border. That’s correct. Your code removed the border and centered the image just like I wanted. However, I tried another picture of different dimensions using the same code and noticed that it was aligned to the left again. I know your code worked the first time so I’m wondering if this is just a feature of the theme’s coding or is my lack of .html catching up with me again?
It appears to be working, centered and without the border. However, if I change the size of the image or use a different picture it goes back to aligning to the left again. Do I just have to use the same size for all pictures?
<table align="center" style="padding-right:18px;"><tr><td><a href="http://theblackchannel.net/"><img
style="border: 0px solid ; width: 190px; height: 198px;" alt=""src="http://www.theblackchannel.net/graphics/tylerperry.jpg"></a>
</td></tr></table>Here is the code.
Thank you for the response. The site is http://www.theblackchannel.net/tbcblog
Viewing 10 posts - 1 through 10 (of 11 total)
- 1
- 2
