-
Posts
-
Hello I attach two screenshots. Do you know how to fix that?
1. zach1 file – how to set the same height to all elements?
2. zach2 file – in mobile or tablet resolution, how to set that all of the blocks are “two-lined”. Do you understand me? Three of them have two lines and two (on the edges) have one line. It looks strange :(Thank you!
Hey Loczuch,
1. Image size is different, by 1 or 2 pixels. They better be all the same size.
2. Try to set min-height that has room for 2 lines:
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css@media only screen and (max-width: 1070px) { article.main_color.inner-entry .grid-content { min-height: 70px; } }If you need further assistance please let us know.
Best regards,
VictoriaHello,
1. All those five images have different sizes. I don’t know how to make them the same size.
2. It helped, thank you.Hey!
The images have the same size, but your titles brake it.
What you can do is to make the title size been always big, but that would brake your responsivnessBest regards,
BasilisHello,
so now I am completely confused. Please just tell me how to repair that issue without losing anything and that will be fine :)Hi Loczuch,
The images have to be one size, 260×185, but you have some 260×184, 259×185, so they don’t look the same, and yes, the long title will break to a new line and the bottom part will stretch.
Best regards,
VictoriaHello,
but as I said, I don’t know how to resize them so that all of them have the same sizes. I bought a photo from iStock (link in private content) and its size is 6221 × 3499. Next photo (next link) has size 480 × 340 and I use both. As I previously said, all of them have different sizes. Can you show me how to solve that problem? How to resize them so that they will look properly? Or maybe I should add some lines into code of my website?Thanks
Hi Loczuch,
Resizing images is something you might want to learn, if you want to have your own website built by you. Here is some reading and tutorials on how to do it.
https://helpx.adobe.com/photoshop/using/resizing-image.html
https://helpx.adobe.com/photoshop/how-to/resize-image.htmland then
http://blogs.adobe.com/crawlspace/2015/06/save-for-web-in-photoshop-cc-2015.htmlIf you don’t want to do it, you can ask a designer-friend to do it for you.
If you need further assistance please let us know.
Best regards,
VictoriaHello,
there is no point in resizing those images. All of them have different sizes and it’s impossible to set them the same size without losing any parts of photos.The problem is in code. Please solve it and tell me which lines need to be changed :)
Thank you
Hi Loczuch,
Believe me, learning how to work with images and prepare them for the websites is much more easy than learning how to write code and build websites. You issue here is not in code.
If you need further assistance please let us know.
Best regards,
VictoriaHi Loczuch,
Make them all 260×185 and you will see the difference.
If you need further assistance please let us know.
Best regards,
Victoriaok I resized two images. As I thought it didn’t work out. Look the links below.
Both, they are narrowed too much! I can see the difference between the original image and those (resized). I added the original image so that you also can see the difference. Tell me please what to do? Maybe finally we will look for some issues with the code?
Hi Loczuch,
You can make all images for the front page to be the size of the image in private. When you upload images, the thumbs will be generated and they will all be the same size.
If you need further assistance please let us know.
Best regards,
VictoriaThe image you added in private data has size 604×340. I attach one of the pictures for the front page with that size. It does not look well.
Hi Loczuch,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 1024px) { .post-entry-10 .grid-image img {height: 170px;} }If you need further assistance please let us know.
Best regards,
VictoriaHello,
I added those lines and it made the photos ugly :( It cant’t be like that. Please find the link to a screenshot below.Hi,
Please adjust the value of the height property in the css code above until you get the best result for the current images.
Best regards,
IsmaelHello, unfortunately I don’t understand what you mean. Please send me the proper lines of code so that I can copy&paste everything. You are solving my problem for almost 3 weeks!! Guys it can’t be as difficult!! :(
Hi Loczuch,
This is what I see when I add the code I gave you
We are here to help you with the issues with our theme, not to build your website or teach you how to build websites, if all of this is very unfamiliar and hard for you, you might want to hire a freelancer to do it for you, get your website nice and beautiful and get to the things you do best!
If you need further assistance please let us know.
Best regards,
VictoriaHi,
We would like to provide further help but I can’t find any login details. Please provide the login info in the private field so that we can test the previous suggestions.
Best regards,
IsmaelHi,
The items are resizing properly. Please look at the following screenshot where the view port is resized to less than 1050px.
Best regards,
IsmaelHi,
Please replace the css code with the following.
@media only screen and (min-width: 1082px) { .post-entry-10 .grid-image img {height: 170px;} }The issue occurs when the second item’s title breaks to a second line.
Best regards,
Ismael
- You must be logged in to reply to this topic.