Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 24, 2014 at 6:14 pm #242224
    Kimberly

    1) I am wondering how I can enlarger the area of the fullwidth blog post layout that contains the content itself?

    2) Also how do I add spacing for any pictures I have in the post?

    It seems if I choose a right side bar the post formats beautifully but then when I use the no side bar option for page layout everything shifts to being centered – which wouldn’t be bad if everything was still formatted nicely. What happens is not only is there no longer any spacing between the pictures and the frame but also the H1 title I am using at the top of the post is formatted funny and looks awful.

    March 25, 2014 at 4:41 am #242508
    Ismael

    Hey Kimberly!

    Can you please give us a link to the website? What kind of blog style did you use? Add this on Quick CSS to adjust the width of the fullwidth blog layout:

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 1200px;
}

    Regards,
    Ismael

    March 26, 2014 at 7:49 pm #243489
    Kimberly
    This reply has been marked as private.
    March 27, 2014 at 12:41 pm #243789
    Ismael

    Hey!

    1.) Please use this:

    .fullsize .blog-tags {
display: block;
text-align: center;
font-size: 20px;
}

    2.) Please edit the attachment code from this:

    <div id="attachment_3399" style="width: 310px" class="wp-caption alignright"><a href="http://www.threeriversrealtymn.com/wp-content/uploads/2014/03/Ryland-Homes-New-Construction-Homes-Home-to-be-built-in-mn-Lots-for-Sale.jpg" rel="lightbox[auto_group1]" class="size-medium wp-image-3399" style="position: relative; overflow: hidden; display: block;"><img class="" alt="Ryland Homes, New Construction Homes, Home to be built in mn, Lots for Sale" src="http://www.threeriversrealtymn.com/wp-content/uploads/2014/03/Ryland-Homes-New-Construction-Homes-Home-to-be-built-in-mn-Lots-for-Sale-300x225.jpg" width="300" height="225"><span class="image-overlay overlay-type-image" style="opacity: 0.699999988079071; left: -5px; top: 0px; overflow: hidden; display: block; height: 234px; width: 318px;"><span class="image-overlay-inside"></span></span></a><p class="wp-caption-text">Ryland Homes – 16 New Construction Communities – Free Basement Promotion</p></div>

    To this:

    <a class="wp-caption alignright" href="http://www.threeriversrealtymn.com/wp-content/uploads/2014/03/Ryland-Homes-New-Construction-Homes-Home-to-be-built-in-mn-Lots-for-Sale.jpg" rel="lightbox[auto_group1]" class="size-medium wp-image-3399" style="position: relative; overflow: hidden; display: block;"><img class="" alt="Ryland Homes, New Construction Homes, Home to be built in mn, Lots for Sale" src="http://www.threeriversrealtymn.com/wp-content/uploads/2014/03/Ryland-Homes-New-Construction-Homes-Home-to-be-built-in-mn-Lots-for-Sale-300x225.jpg" width="300" height="225"><span class="image-overlay overlay-type-image" style="opacity: 0.699999988079071; left: -5px; top: 0px; overflow: hidden; display: block; height: 234px; width: 318px;"><span class="image-overlay-inside"></span></span></a><p class="wp-caption-text">Ryland Homes – 16 New Construction Communities – Free Basement Promotion</p>

    Cheers!
    Ismael

    March 28, 2014 at 10:51 pm #244599
    Kimberly

    Thank you!!!

    Is there a way to make my question #2 automatic for every post?

    Also my Q1 was about the title under the picture. I did try the code you gave and modified it to the code below and it did nothing. Can you help me with the code?

    .fullsize .blog-title{
    display: block;
    text-align: center;
    font-size: 14px;
    }

    Thank you for the wonderful help thus far!

    April 3, 2014 at 7:43 am #246907
    Dude

    Hey!

    1) You can try to add this code into the enfold/functionsphp file:

    
function remove_caption_style( $width ) {
    return false;
}
add_filter( 'img_caption_shortcode_width', 'remove_caption_style' );

    It should remove the style attribute from the “caption” code output.

    2) Use this code to change the title width:

    
#top .fullsize .template-blog .post-title {
max-width: 100%;
}

    Best regards,
    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.