-
Posts
-
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.
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.
+1
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
Thanks, Tim. I took another look at your CSS code and I think I’m slowly figuring it out.
@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.
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.
@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.
You must be logged in to reply to this topic.