Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #481587

    Hi,

    I have two questions:

    1) I’m trying to make the preview images bigger on the blog page, http://www.iveyengineering.com/expert-witness-blog/

    In the shortcode settings I have the square (180×180) selected but it is still showing as 81×81. I’ve tried changing the thumbnail settings and regenerating with the plugin but that didn’t seem to work. My settings in the Enfold theme functions (functions.php) for the square image are set to 180×180. I’m using a child theme. Could you help me figure out how to make the image size change?

    2) Also, how can I make more of a border to allow for the digg digg bar on the above page. I would like the border and sidebar to appear like this one, http://www.iveyengineering.com/harth-architectural-engineering-expert/. I used this code in Quick CSS for the page with the digg digg bar.

    .blog, main.content.units.av-content-small.alpha.av-blog-meta-html-info-disabled {
    width: 70%;
    margin-left: 106px;
    }

    If you have any suggestions, I’d appreciate it. Thanks!

    #481897

    Hey iveyeng!

    Thank you for using Enfold.

    1.) Add this in the Quick CSS field to adjust the thumbnail size:

    .small-preview {
        width: 160px;
        height: 160px;
        line-height: 160px;
    }
    
    .template-blog .blog-meta {
        left: -30px;
        position: relative;
    }

    2.) Can you please provide a screenshot? Use imgur or dropbox.

    Regards,
    Ismael

    #483041

    Thanks for the response. I was able to resolve #1.

    For #2, I probably didn’t explain it well. I didn’t mean to say a border, more like white space so the social media bar is not on top of the images. See the image link (private content) via drop box. Is there a CSS quick code I can use and to also adjust the size of the sidebar?

    Thanks!

    #483348

    Hi!

    Please add following code to Quick CSS as well

    body.single-post > div {
        right: auto!important;
        left: 0!important;
        margin-left: 0!important;
    }

    Best regards,
    Yigit

    #483624

    Hi,

    The last edit to quick CSS did not work. I decided to take out the social media bar. But would still like more white space to the left of the images. I would like to keep the same width for the side bar. If the width of the main section changes that is ok. Is there code to add that would allow me to do this?

    http://www.iveyengineering.com/expert-witness-blog/

    Also, is there a way to delete the pop up navigation that appears to the left/right side of pages. The social media bar partially hides it. Thanks!

    http://www.iveyengineering.com/harth-architectural-engineering-expert/

    #483935

    Hey!

    Please add following code to Quick CSS

    #top .avia-post-nav { display: none !important; }
    .single-post main.content { padding-left: 45px; }

    Cheers!
    Yigit

    #484201

    Hi Yigit,

    Thanks for the response. The code you recently gave me works! However, I have to take out this code to make it work.

    .template-blog .blog-meta {
    left: -30px;
    position: relative;
    }

    If I take this out then the images are not centered on the dotted line. Is there another option/code to get it to center.

    My Quick CSS looks like this:

    #top .avia-post-nav { display: none !important; }

    .single-post main.content {
    padding-left: 45px; }

    .small-preview {
    width: 160px;
    height: 160px;
    line-height: 160px;
    }

    .template-blog .blog-meta {
    left: -30px;
    position: relative;
    }
    .blog, main.content.units.av-content-small.alpha.av-blog-meta-html-info-disabled {
    width: 66%;
    margin-left: 90px;
    }

    h1.post-title.entry-title {
    font-size: 28px!important;
    color: #02a1e5;
    }

    div.entry-content h6 {color: #02a1e5;}

    .big-preview img {
    width: 100%;
    height: 100%;
    }

    #484203

    Update…The quick CSS now looks like this (I removed that one section that was throwing everything off). Only the images aren’t centered on the dotted line.

    #top .avia-post-nav { display: none !important; }

    .single-post main.content {
    padding-left: 45px; }

    .small-preview {
    width: 160px;
    height: 160px;
    line-height: 160px;
    }

    .blog, main.content.units.av-content-small.alpha.av-blog-meta-html-info-disabled {
    width: 66%;
    margin-left: 90px;
    }

    h1.post-title.entry-title {
    font-size: 28px!important;
    color: #02a1e5;
    }

    div.entry-content h6 {color: #02a1e5;}

    .big-preview img {
    width: 100%;
    height: 100%;
    }

    #484672

    Hi!

    you can move the dotted line with this code:

    .post_author_timeline {
    padding-left: 34px;
    }
    

    Regards,
    Andy

    #484695

    Andy,

    Thanks! That worked!

    #484702

    Hey!

    glad you are happy now :).

    Let us know in a new ticket if you have some more questions or issues related to the theme. We are happy to assist you.

    Cheers!
    Andy

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

The topic ‘make preview image bigger’ is closed to new replies.