WordPress.org

Ready to get started?Download WordPress

Forums

Quick question from a noob about increasing theme widt (11 posts)

  1. m3atwad
    Member
    Posted 1 year ago #

    Hello, I'm new to web development and have a question that will probably be pretty simple for most people who are good at this. I'm using wordpress for my web page and it works great, but when I make blog posts the width of my web page and my posts for my blog are too narrow. I'm trying to post up source code, I'm an embedded engineer, and my code sections are wrapping around because my page/blog posts are just too narrow. I want to expand this.

    I've spend a good bit of time googleing around and trying adding and modifying different things in my theme's style.css file, but still no luck. I'm using a universe theme from a website called site ground. I'd be happy to post up my style.css or anything else if it would help.

    Any ideas on how I can expand the width of my posts?

    Thanks,
    Rob

  2. tomontoast
    Member
    Posted 1 year ago #

    Try putting your code in <pre> tags http://www.w3schools.com/tags/tag_pre.asp when you write a post this prevents code from wrapping around.

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    To change the width, you'll need to modify the CSS code (or perhaps make a custom template depending on how wide you need) -- if you post a link to your site, someone can likely help you with the specifics of doing so.

    Also, do make sure you are not modifying theme files, but rather using a child theme or custom CSS plug-in or option.

  4. m3atwad
    Member
    Posted 1 year ago #

    http://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.

  5. tomontoast
    Member
    Posted 1 year ago #

    I see now. I guess you want to remove the sidebar on single post pages see this tutorial http://welcometowp.com/wordpress-how-to/how-to-remove-a-wordpress-sidebar/

  6. m3atwad
    Member
    Posted 1 year ago #

    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?

  7. m3atwad
    Member
    Posted 1 year ago #

    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.

  8. m3atwad
    Member
    Posted 1 year ago #

    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

  9. tomontoast
    Member
    Posted 1 year ago #

    Did you read http://welcometowp.com/wordpress-how-to/how-to-remove-a-wordpress-sidebar/ ? Just follow the instructions to remove the sidebar from your single.php template file.

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    As mentioned yesterday, changing theme files in not a good idea. You will lose any and all changes when your theme is updated. Make a child theme and then make a custom template -- in the child theme and make changes there.

    http://codex.wordpress.org/Child_Themes

    http://codex.wordpress.org/Stepping_Into_Templates

  11. m3atwad
    Member
    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Topic