Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #520
    Profile photo of Andre
    Andre
    Participant

    I’ve been sitting on this for hours and didn’t move a single step forward.

    I can’t figure out how to line up my thumbnails evenly over the entire width (with the same distance to the right and the left side) of the ‘Featured Images’ and ‘Latest Images’ widgets.

    See http://picturebreeze.com

    I tried every possible and obvious combination of CSS classes and style code (float/margin auto/fixed width/text-align etc) without any success. All I want is that the thumbnails row looks like at
    http://clipartillustration.com or
    http://shazamimages.com or
    http://stock.tdahlphotography.com/ and I’m sure there are many more.

    One of the worst parts is that I can’t even figure out how it was done on the sites mentioned above. I tried the Google Chrome Inspector but nothing led me to a solution.

    I know it’s only cosmetics but it’s driving me nuts.

    I need help.

    #5822
    Profile photo of DonLand
    DonLand
    Participant

    +1

    #5823
    Profile photo of tdahl-stock
    tdahl-stock
    Participant

    I am not familiar with the classes required to accomplish this task but for anyone interested my site setup is as follows;

    I am using the symbiostock Home Page generator, on my home page my template is defined for “Home Page Generated”, and in customizer I set front page to static and then choose the generated home page.

    I did customize the page-home0.php file in the child theme in order to remove the main content row. This moved the 3 CTA’s up under my slider as well moved the featured images and latest images up too.

    -Tim

    #5824
    Profile photo of Andre
    Andre
    Participant

    Thanks, Tim. I took another look at your CSS code and I think I’m slowly figuring it out.

    #5825
    Profile photo of tdahl-stock
    tdahl-stock
    Participant

    @redneck wrote:

    Thanks, Tim. I took another look at your CSS code and I think I’m slowly figuring it out.

    How did you end up getting the images centered within the box such as the portrait style images? Hope my question makes sense. Thanks.

    #5826
    Profile photo of Andre
    Andre
    Participant

    I used …


    .widget .search-result {
    height: auto;
    width: 16.66%;
    padding: 10px;
    margin-left: auto;
    margin-right:auto;
    }

    The name of the CSS class might be different on your side.

    #5827
    Profile photo of tdahl-stock
    tdahl-stock
    Participant

    @redneck wrote:

    I used …


    .widget .search-result {
    height: auto;
    width: 16.66%;
    padding: 10px;
    margin-left: auto;
    margin-right:auto;
    }

    The name of the CSS class might be different on your side.

    Awesome, thanks. I will verify the css class on my side.

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

You must be logged in to reply to this topic.