m3atwad

Ok so I actually just figured this out. There is a style sheet for the wp-commerce plugin. If you go through the page I was having trouble with using firebug for firefox you can see where the text is pushed to far to the right. If you go up and look at the style sheet section for each class above your text you come to a class called

#single_product_page_container”

Here there is a width field that you can edit. Mine was 650 which was wrong and causing my text to run into my side bar. I dropped it down to 575 and it looks pretty good now. I think there is still a padding issue because if you look close enough it isn’t perfect. There is also a font issue, but for me this is a great fix. Firebug was a great help. Just look in the style sheet for the plug in and find the class that is associated closest with your problem area.

If someone happens to have this problem and can’t figure it out feel free to email or PM me. I’d be glad to help someone else out!

So, after working on this for a while again tonight, it seems to me that the wp-commerce/product page isn’t adhering to the CSS style sheet.

Here is an example I’ve found that leads me to believe that this page just isn’t using the style sheet.

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_dim_height

If this is the case how do you tell a web page to use the style.css?

Thanks,
Rob

Great! Got that fixed. Thanks so much for the help guys!

Ok thanks guys. I’ll continue reading up on this stuff. I think some more background wouuld help me out. I’ll give the child theme idea a shot.

Thanks!

Ok so if you instally syntax highlighter and use the [sourcecode langauge = "languag"] and the put your code between that and [/sourcecode] this will work with a scroll bar if you are using the latest version of syntax highlighter. If you don’t have this install it via plugins by downloading the zip file b/c using the plugin search in wordpress never worked for me. If you have trouble with word wrap like i did go to the plugin’s settings once installed and there are options in there…one of which to disable word wrap.

This is a quick fix, but I would still much rather make my web page a little wider regardless of this solution. If anyone out there could help me figure out how to make my main column in my webpage wider I would really appreciate the help!!!

Thanks,
Rob

As a different solution, is there a way to past source code like I’ve done…using the [sourcecode = "whatever language"] tag, but make it side scrollable? I’ve seen other people post source code that looks like it is in a box and you have a horizontal scroll bar at the bottom. This may be an easier fix for me.

Ok so what page would I edit in my themes to get rid of the side bar when I click on “read more” for a blog post?

– so I have managed to widen everything on my page by editing page.php. This is fine, but now it runs into my sidebar. How do I shift my sidebar over more to the right?

https://WWW.getsomesystems.com. it will be under blog and will be my last blog post. You should see a big code section under the video.