Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 1, 2015 at 12:00 am #481587
    iveyeng

    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!

    August 3, 2015 at 6:59 am #481897
    Ismael

    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

    August 5, 2015 at 1:03 am #483041
    iveyeng

    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!

    August 5, 2015 at 2:22 pm #483348
    Yigit

    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

    August 6, 2015 at 12:00 am #483624
    iveyeng

    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/

    August 6, 2015 at 3:20 pm #483935
    Yigit

    Hey!

    Please add following code to Quick CSS 

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

    Cheers!
    Yigit

    August 6, 2015 at 11:01 pm #484201
    iveyeng

    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%;
    }

    August 6, 2015 at 11:03 pm #484203
    iveyeng

    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%;
    }

    August 7, 2015 at 8:08 pm #484672
    Andy

    Hi!

    you can move the dotted line with this code:

    .post_author_timeline {
padding-left: 34px;
}

    Regards,
    Andy

    August 7, 2015 at 9:41 pm #484695
    iveyeng

    Andy,

    Thanks! That worked!

    August 7, 2015 at 10:11 pm #484702
    Andy

    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

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘make preview image bigger’ is closed to new replies.