Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #21467

    Hello,

    I have 3 questions for the Choices theme…

    1. Default Blog Layout how do I make it fullsize with no sidebar? Not the main blog feed but when you click into a post this page needs to be fullsize

    2. How can I have 2 separate blog pages? Is this possible?

    3. On the blog page is there anyway to center the heading about the picture?

    Thanks

    http://www.dahliem.com

    #111935

    Hi ameliaamelia,

    1) You would need to modify the single.php file in the theme files to always use twelve units grid and remove the get_sidebar(); call so that the sidebar isn’t loaded in.

    2) Yes, you can use the template builder to create two templates. Add a single blog element to each template and then choose the categories of posts you want to appear in each. Then just add the template for each blog page to the page you want to act as that “blog” in the Layouts meta box on that page edit view.

    3) Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top .template-blog .post-title {
    text-align: center;
    }

    Regards,

    Devin

    #111936

    Thank you so much for that.

    2 quick things…

    1. Now the single post page the heading is off centre as if it was still in sidebar possition.

    2. I have set up the template builder 2nd blog but is there any way to make it fullsize as the pictures seem to cut into the sidebar?

    Thanks

    #111937

    Hi,

    I am sorry but I have very little imagination and to make sure the correct code is given please provide URLs showing where the things you describe reside. I flipped through your site but I don’t see anything off center. Also I am not sure where things cut into the sidebar.

    Thanks,

    Nick

    #111938

    Hey,

    Ok so I have 2 separate blog templates one for the homepage and one for the personal page. I need both to be fullsize and with the title centered in the middle above of the image.

    Here are the links…

    http://dahliem.com/

    http://dahliem.com/personal/

    Thanks

    #111939

    Hi,

    If you mean the long oooooo on the march 20 post on your home page and second blog going over into the sidebar, well, in reality there are no words that long.. but just in case here is the solution:

    Please add the following css block to the bottom of the /css/custom.css file; OR to Quick CSS located in the admin area of Choices > Theme Options > Styling … the text area at the bottom of that page:

    #top p  {word-wrap:break-word;}


    Full Size

    This will fix up single posts.. Well almost, please play around with the 850 value below.

    #top.single-post .container .eight.units {
    width: 930px;
    }
    #top.single-post .container .seven.units {
    width: 850px;
    }

    See the problem with centering (if you look here http://i.imgur.com/GxMJSpk.png ) is that while the logo is centered around the blue outline , the page title is centered around the image (red outline). so while both are centered , they just aren’t centered to one another. If you let us know how you want the end result to look , we will do our best to help you achieve it.

    Thanks,

    Nick

    #111940

    Hello,

    There seems to be somethings wrong but I can’t figure out what it is. If I view the site in Safari it works fine but it had a sidebar. If I view it in Firefox the picture goes through the sidebar?

    My Firefox is up to date. Is it something to do with the quick coding I have?

    This is what I have…

    #top.single-post .slideshow.fade_slider {

    margin-top: 20px;

    margin-bottom: 5px;

    }

    #top .template-blog .post-title {

    text-align: center;

    }

    .main_menu {

    left: 198px !important;

    }

    .title_container {

    display: none;

    }

    #top .logo{float:none; margin:0 auto; display: block; text-align: center; width:100%}

    #top .logo a, #top .logo img{display: inline; float:none}

    .header_meta {

    top: 40px;

    }`

    #top.single-post .container .eight.units {

    width: 700px;

    }

    #111941

    Problems:

    BLOG SINGLE PAGES – Center heading with logo – http://dahliem.com/sydney/

    BLOG (PERSONAL AND HOME) – Can’t get rid of side bar even though it is set to full width in the template builder.

    Please help!!

    #111942

    Hi,

    Dunno what’s going on there, but add this whole block to the bottom of Quick CSS and leave all else in there as is (dont remove). Make sure this goes on the bottom of quick css.

    #top .container .eight.units {
    width: 930px !important;
    }
    #top .container .eight.units {
    width: 810px !important;
    }
    #top.single-post .container .eight.units {
    width: 810px !important;
    }
    #top .template-blog .post-entry {
    width: 730px !important
    }
    #top .alignnone.size-full {
    width: 730px;
    }
    #top img.size-large {
    width: 730px;
    }
    #top #main .container {
    position: relative;
    padding-top: 30px;
    margin-left: 330px;
    }
    #layout {
    position: absolute !important;
    left: 95px !important;
    width: 500px !important;
    }
    #top .container .four.units {
    display: none;
    }
    #top p {
    word-wrap:break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }

    Thanks,

    Nick

    #111943

    Thank you that really helped!

    All seems to be fixed except the personal page http://dahliem.com/personal/ in the top post the box behind the picture still thinks that there is a sidebar.

    And the 2nd post the picture is bigger than the rest but the pictures files are all the same size? It’s like it hasn’t been scaled

    #111944

    Hi,

    Please add this to the bottom of quick css

    #top .wp-caption.aligncenter {
    width: 530px !important;
    }
    #top .container .seven.units {
    width: 530px !important;
    }
    #top img.size-large {
    width: 520px !important;
    }
    #top .wp-caption .lightbox_image, #top .wp-caption .image_overlay_effect {
    width: 520px !important;
    height: 358px !important;
    left: 5px !important;
    top: 4px !important;
    }

    Thanks,

    Nick

    #111945

    Thanks, If you have a look at the site now http://www.dahliem.com the images have gone back to their original smaller size. They need to all be around 830 in size.

    Here is all the quick CSS I have at the moment. I’m wondering if some things might be overlapping and confusing it?

    #top.single-post .slideshow.fade_slider {

    margin-top: 20px;

    margin-bottom: 5px;

    }

    .main_menu {

    left: 198px !important;

    }

    .title_container {

    display: none;

    }

    #top .logo{float:none; margin:0 auto; display: block; text-align: center; width:100%}

    #top .logo a, #top .logo img{display: inline; float:none}

    .header_meta {

    top: 40px;

    }`

    #top.single-post .container .eight.units {

    width: 700px;

    }

    #top .container .eight.units {

    width: 930px !important;

    }

    #top .container .eight.units {

    width: 810px !important;

    }

    #top.single-post .container .eight.units {

    width: 810px !important;

    }

    #top .template-blog .post-entry {

    width: 730px !important

    }

    #top .alignnone.size-full {

    width: 730px;

    }

    #top img.size-large {

    width: 730px;

    }

    #top #main .container {

    position: relative;

    padding-top: 30px;

    margin-left: 330px;

    }

    #layout {

    position: absolute !important;

    left: 95px !important;

    width: 500px !important;

    }

    #top .container .four.units {

    display: none;

    }

    #top p {

    word-wrap:break-word;

    -ms-word-break: break-all;

    word-break: break-all;

    word-break: break-word;

    -webkit-hyphens: auto;

    -moz-hyphens: auto;

    hyphens: auto;

    }

    #top .wp-caption.aligncenter {

    width: 530px !important;

    }

    #top .container .seven.units {

    width: 530px !important;

    }

    #top img.size-large {

    width: 520px !important;

    }

    #top .wp-caption .lightbox_image, #top .wp-caption .image_overlay_effect {

    width: 520px !important;

    height: 358px !important;

    left: 5px !important;

    top: 4px !important;

    }

    #111946

    Hi,

    Its a cascade. Code at the end counterfeits the code at the beginning if they overlap (of-course there are so many !important tags, that the cascade is more like a wave pool).

    Ok , please replace the css from your post with this one

    #top .container .four.units {
    display: none;
    }
    #top .title_container {
    display: none;
    }
    #top .template-blog .post-entry {
    width: 930px !important;
    }
    #top .container .seven.units, #top .wp-caption.aligncenter, #top img.alignnone, #top img.size-large, #top img.size-full, #top .container .eight.units, #top.single-post .container .eight.units {
    width: 830px !important;
    }
    #top .wp-caption .lightbox_image, #top .wp-caption .image_overlay_effect {
    width: 830px !important;
    height: 569px !important;
    left: 0px !important;
    top: 0px !important;
    }
    #layout {
    position: absolute !important;
    left: 95px !important;
    width: 500px !important;
    }
    #top.single-post .slideshow.fade_slider {
    margin-top: 20px;
    margin-bottom: 5px;
    }
    #top .main_menu {
    left: 198px !important;
    }
    #top .logo {
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 100%;
    }
    #top .logo a, #top .logo img {
    display: inline;
    float: none;
    }
    #top .header_meta {
    top: 40px;
    }
    #top.single #main .container {
    position: relative;
    padding-top: 30px;
    margin-left: 170px;
    }
    #top.page-template-default #main .container {
    position: relative;
    padding-top: 30px;
    margin-left: 210px;
    }
    #top.home #main .container {
    position: relative;
    padding-top: 30px;
    margin-left: 240px;
    }
    #top #main .container {
    position: relative;
    padding-top: 30px;
    margin-left: 240px;
    }
    #top p {
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }
    #top .wp-caption img {
    padding: 0px !important;
    }

    or you can use this ultra compressed version, which works the same as above

    #layout{left:95px!important;position:absolute!important;width:500px!important}#top .container .four.units,#top .title_container{display:none}#top .container .seven.units,#top .wp-caption.aligncenter,#top img.alignnone,#top img.size-large,#top img.size-full,#top .container .eight.units,#top.single-post .container .eight.units{width:830px!important}#top .header_meta{top:40px}#top .logo{display:block;float:none;margin:0 auto;text-align:center;width:100%}#top .logo a,#top .logo img{display:inline;float:none}#top .main_menu{left:198px!important}#top .template-blog .post-entry{width:930px!important}#top .wp-caption .lightbox_image,#top .wp-caption .image_overlay_effect{height:569px!important;left:0!important;top:0!important;width:830px!important}#top .wp-caption img{padding:0!important}#top p{-moz-hyphens:auto;-ms-word-break:break-all;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}#top.home #main .container,#top #main .container{margin-left:240px;padding-top:30px;position:relative}#top.page-template-default #main .container{margin-left:210px;padding-top:30px;position:relative}#top.single #main .container{margin-left:170px;padding-top:30px;position:relative}#top.single-post .slideshow.fade_slider{margin-bottom:5px;margin-top:20px}

    Thanks,

    Nick

    #111947

    Thank you so much you were really helpful!! It’s is all fixed now :)

    #111948

    Hi!

    Glad hat Nick could help you :)

    Best regards,

    Peter

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘CHOICES – Default Blog Layout Fullsize & 2 Blog Pages’ is closed to new replies.