Viewing 30 posts - 1 through 30 (of 32 total)
  • Author
    Posts
  • #773225

    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!

    #774184

    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,
    Victoria

    #776845

    Hello,
    1. All those five images have different sizes. I don’t know how to make them the same size.
    2. It helped, thank you.

    #776882

    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 responsivness

    Best regards,
    Basilis

    #776884

    Hello,
    so now I am completely confused. Please just tell me how to repair that issue without losing anything and that will be fine :)

    #777406

    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,
    Victoria

    #777513

    Hello,
    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

    #777961

    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.html

    and then
    http://blogs.adobe.com/crawlspace/2015/06/save-for-web-in-photoshop-cc-2015.html

    If 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,
    Victoria

    • This reply was modified 6 years, 11 months ago by Victoria.
    #783612

    Hello,
    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

    #784957

    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,
    Victoria

    #789880

    Ok, can you tell me then exactly what size my images should have?

    #790231

    Hi Loczuch,

    Make them all 260×185 and you will see the difference.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #792745

    ok 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?

    #792911

    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,
    Victoria

    #793888

    The 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.

    #794009

    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,
    Victoria

    #797121

    Hello,
    I added those lines and it made the photos ugly :( It cant’t be like that. Please find the link to a screenshot below.

    #798915

    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,
    Ismael

    #798920

    Hello, 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!! :(

    #799740

    Hi Loczuch,

    This is what I see when I add the code I gave you

    View post on imgur.com

    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,
    Victoria

    #805200

    Hello,
    Put your code into my website and then resize your browser window to 1050px width and then tell me if your code works properly, ok? ;) Because I don’t think so. That’s why I assume that your code is wrong.

    How to solve this problem?

    • This reply was modified 6 years, 9 months ago by Loczuch.
    #806694

    Hi,

    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,
    Ismael

    #809501

    Ok.

    #810202

    Hi,

    The items are resizing properly. Please look at the following screenshot where the view port is resized to less than 1050px.

    View post on imgur.com

    Best regards,
    Ismael

    #810667

    Look at the film :( For me it does not work.

    #810783

    Hi,

    Please, try to clear your cache.

    Best regards,
    John Torvik

    #811024

    Hello,
    I have already done it. Still, it does not work.

    #812879

    Hi,

    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

    #813605

    It DOES NOT work. Please check first and then send the code. Should I record the film again?????

    #814284

    Hi,

    We replace “height” with “min-height” and set the value to 140px. Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

Viewing 30 posts - 1 through 30 (of 32 total)
  • You must be logged in to reply to this topic.