Changing Theme width

Discussion in 'Blogging' started by Rugbylad10, Apr 19, 2008.

  1. #1
    Rugbylad10, Apr 19, 2008 IP
  2. hmansfield

    hmansfield Guest

    Messages:
    7,904
    Likes Received:
    298
    Best Answers:
    0
    Trophy Points:
    280
    #2
    You need to change the size in the video's embed code.

    Edit the page. Switch to HTML View, and find that code of that video.

    Look for the size code, most times there are two that control hight and width of the video, and the player.

    Editing your blog's CSS will do nothing except change the blog.
     
    hmansfield, Apr 19, 2008 IP
  3. Steupz

    Steupz Peon

    Messages:
    917
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #3
    he said he had a lot of posts dude...that's too much work.
    You need to enlarge the content area to fit the video and reduce the sidebar or sidebars by similar margins. Post your stylesheet
     
    Steupz, Apr 19, 2008 IP
  4. Rugbylad10

    Rugbylad10 Guest

    Messages:
    224
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Lol he thinks I have enough time to edit 5000 posts :D

    Urgh I guess I'll have to sacrifice one sidebar for more space
     
    Rugbylad10, Apr 20, 2008 IP
  5. Houdy

    Houdy Peon

    Messages:
    267
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You might be able increase the width of the entire theme and then increase the content area width.
     
    Houdy, Apr 20, 2008 IP
  6. Rugbylad10

    Rugbylad10 Guest

    Messages:
    224
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Yea but can you look at the .css and tell me how
     
    Rugbylad10, Apr 20, 2008 IP
  7. Jalpari

    Jalpari Notable Member

    Messages:
    5,640
    Likes Received:
    137
    Best Answers:
    0
    Trophy Points:
    260
    #7
    whynot u use new wp theme? embeded code editing will be surely difficult but its necessary. Hire someone for doing it
     
    Jalpari, Apr 20, 2008 IP
  8. Rugbylad10

    Rugbylad10 Guest

    Messages:
    224
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Well I need another good looking 3 column theme with both sides aligned to the same side which is hard to find :(
     
    Rugbylad10, Apr 20, 2008 IP
  9. hmansfield

    hmansfield Guest

    Messages:
    7,904
    Likes Received:
    298
    Best Answers:
    0
    Trophy Points:
    280
    #9
    5000 Posts, and you just noticed that all of the embedded video is out of whack?
    Or did you just change themes and find out that they don't fit?
     
    hmansfield, Apr 20, 2008 IP
  10. Rugbylad10

    Rugbylad10 Guest

    Messages:
    224
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Changed theme and it doesn't fit.
    I should just save myself hassle and change theme =\
     
    Rugbylad10, Apr 20, 2008 IP
  11. hmansfield

    hmansfield Guest

    Messages:
    7,904
    Likes Received:
    298
    Best Answers:
    0
    Trophy Points:
    280
    #11
    If you still have the files from your old theme, check the width of all the sections, Page, Side Bar, Etc....then go to your CSS files on your new theme and make the adjustments.
    Remember when you are viewing to hard refresh, (control + F5).

    Seems like you should be able to marrow the far right side bar, and again some space where you content is, (Of course adjust that also)

    I am not comfortable messing with other peoples code, since i am a hack, but the areas that you need to adjust to narrow that side bar, and widen the content area are here:
    #
    /*****************************************/
    #
    /* MAIN ENTRY * /
    #
    /*****************************************/
    #
    #bgbox{width:945px;background:url(i/cbck.gif) repeat-y;margin:0;padding:0;}
    #
    .line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}
    #
    .entry{width:600px;float:left;color:#666;background:url(i/dot.gif) repeat-x bottom;margin:0 0 30px;padding:0 0 20px 2px;}
    #
    .entry p{text-align:justify;}
    #
    .entry img{border:1px #eee solid; max-width:98%;}
    #
    .entry2{width:500px;float:left;color:#666;text-align:justify;margin:5px auto;padding:5px 6px 10px;}
    #
    .pastentry{width:200px;float:left;color:#666;margin:0;padding:0;}
    #
    #content{width:525px;float:left;line-height:140%;margin:0 auto;padding:0;}
    #
    .left {float:left; width:240px; padding-right:10px; border-right:1px dashed #ccc; color:#666;}
    #
    .right {float:right;padding-right:20px;width:240px; color:#666;}
    #
    .clear {clear:both}
    #

    #
    /*****************************************/
    #
    /* MISC HUH! * /
    #
    /*****************************************/
    #
    .navigation{width:500px;float:left;color:#666;border-bottom:#fff 2px solid;border-top:#fff 2px solid;padding:0 0 10px;}
    #
    .alignright{float:right;margin-top:10px;}
    #
    .alignleft{float:left;margin-top:10px;}
    #
    .similiar{width:500px;float:left;color:#666;text-align:justify;border:#e5e5bd 1px solid;margin:5px auto;padding:5px 6px 10px;}
    #
    #misc{width:405px;margin:0 0 10px 14px;padding:0; background:#fff; float:left;}
    #
    #info{width:383px;font-size:11px;margin:5px 0 5px 0;padding:10px; background:#fff url(i/rssbck.gif) repeat-x; border:#eee 1px solid; float:left;}
    #
    .sIFR-flash {visibility: visible !important;margin: 0;}
    #
    .sIFR-replaced {visibility: visible !important;}
    #
    span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
    #
    .postmeta{color:#666;border-bottom:#699 1px solid;}
    #
    .postinfo img{border:none;}
    #
    img.wp-smiley{border:0;padding:0;}
    #
    .twitter{width:395px;background:url(i/latestbck.gif) repeat-x;float:right;color:#333;text-align:justify;border:#e5e5bd 1px solid;margin:0 0 10px;padding:5px 6px;}
    #
    .center{text-align:center;}
    #
    acronym,abbr,span.caps{cursor:help;}
    #
    acronym,abbr{border-bottom:1px dashed #999;}
    #
    img.centered{display:block;margin-left:auto;margin-right:auto;}
    #
    img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
    #
    img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
    #
    blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}
    #
    blockquote cite{display:block;margin:5px 0 0;}
    #
    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
    #
    .clearfix{display:block;}
    #
    * html .clearfix{height:1%;}
    #
    #past { padding:0; margin:0;}
    #
    .googleads1{width:500px;float:left;color:#666;background:url(i/dot.gif) repeat-x bottom;margin:0 0 30px;padding:0 0 20px 2px;}
    #

    #
    /*****************************************/
    #
    /* SIDEBAR * /
    #
    /*****************************************/
    #
    #sidebar{width:400px;float:right;font-size:11px;margin:0 5px 5px 5px;padding:0; display: inline; background:#fff url(i/sidebar.gif) repeat-y right;}
    #
    .rsidebar{width:210px;float:right;color:#666;margin:0 auto;padding:0 0 0 10px;}
    #
    .lsidebar{width:165px;float:left;color:#666;max-width:100%;margin:0 auto;padding:0 10px 0 0;}
    #
    .rsidebar ul li ul{list-style-type:none;margin:0;padding:0 0 0 5px;}
    #
    .rsidebar ul li ul li{display:block;background:transparent url(i/b2.gif) no-repeat 0 2px;border:0;margin:0 0 5px;padding:0 0 5px 13px; border-bottom:1px solid #ccc;}
    #
    .lsidebar ul li ul{list-style-type:square;margin:0;padding:0 0 0 5px;}
    #
    .lsidebar ul li ul li{list-style-type:none;background:transparent url(i/b.gif) no-repeat 0 2px;border:0;margin:0 0 1px;padding:0 0 0 15px;}
    #
    #sidebar img,.lsidebar img{border:0;}
    #
    .rsidebar ul,.lsidebar ul{list-style-type:none;margin:0;padding:0;}
    #
    .rsidebar ul li,.lsidebar ul li{list-style-type:none;margin:0 0 15px;padding:0;}
    #
    .rsidebar p,.lsidebar p{padding:0 5px;}​
    #

    #
    Unfortunately you will have to play with some numbers until you get the desired results...change one thing at a time.

    This can be done ! Pay attention to the width of the particular section that you want to change! Make sure that you save the changes to the file so that the changes will show

    You will have to get into your code, and take the reins!
     
    hmansfield, Apr 20, 2008 IP