How to remove all text from thumbnails and have normal image size on pages?

.blog .posted-on, .blog .entry-title {
	display: none;
}

That did it so far. If there is a better way to do it so it’s not ruining SEO please let me know!

I still need to know how to make the post page image it’s normal size please. Thanks!

Hi there!

This should remove the grey strip on each blog page rectangle:

.blog .entry-header {
  display: none;
}

I still need to know how to make the post page image it’s normal size please.

I’m a little unclear what you mean here. Could you provide a link to an example post an explain in more detail which image you’re referring to, and what you mean by “normal size”? Thanks.

It would appear that Cubic is moreso formated for Windows 8 and Windows 10 along with mobile devices. On my mobile the images all display fine and look great.

Running Windows 7 on a 25″ monitor with 1080×1920 resolution, when you click on one of the images to see it bigger the format of the image is changed. It is cropped more like a banner image and only the center is shown. I would like the WHOLE image to be shown and not necessarily at width:100%. To keep load time down I don’t have huge images so stretching them bigger makes them look worse.

https://www.josephlukictattoos.com/

Also is there anyway to make it so that bigger screen resolutions show 4 images per row instead of 3?

For instance on my mobile phone (Galaxy S4) it shows 2 images per row which is great. On a bigger screen at 1080×1920 it shows 3 images per row, I feel it would do better to show 4 images per row.

TY so much for your help!!

On the page of the image post near the bottom there is this text

Image
Tagged color tattoos, hispanic skin, mountains, river, swan coverup
Edit

“Image” is a link to the all images with the headers that we got rid of. How do I get rid of that image link?

I been looking for it but I realize that it is best to create a child theme unless we can accomplish it by editing the CSS in the Custom CSS section.

As you can see in the theme’s stylesheet, Cubic’s responsive breakpoints are:

<= 568px
<= 768px
<= 1024px

If you want to modify those, you’d need to override them in your custom CSS.

You can learn more about using media queries that target certain screen sizes here:

https://en.support.wordpress.com/custom-design/custom-css-media-queries/
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
https://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

Also is there anyway to make it so that bigger screen resolutions show 4 images per row instead of 3?

No, there isn’t an easy way to do that in Cubic, which is already a child theme.

“Image” is a link to the all images with the headers that we got rid of. How do I get rid of that image link?

You can hide the link to the post format on single posts by adding this to your custom CSS:

.single .post-format-link {
  display: none;
}

I been looking for it but I realize that it is best to create a child theme unless we can accomplish it by editing the CSS in the Custom CSS section.

Cubic is already a child theme of Boardwalk, so it’s not possible to make a child theme of Cubic.

Thank you I really appreciate you!

Is there anyway to put the navigation “left right arrows” on the “post page” UNDER the image instead of at the bottom of the screen?

Probably too complicated I’m thinking.

To move the arrows that much would require a child theme, which isn’t possible with Cubic, since it’s already a child of Boardwalk.