image size of service section

Hi,

The image size of project section is full in the box. But, image of service section is small and does not fill box.

I'd like to know how to increase the size of image to full in the box like project section.

thanks,

Comments

  • Hi kukas2

    If you want to service section image  like the project section then add the below css code in custom css box.

    .service .post {
        padding: 0 !important;
    }

    Let me know did it work.

    Thanks

  • Hi, prajapati


    Perfectly working! thank you very much

  • Hi, prajapati

    But the text(letters) are stuck at the bottom of the box and don't look good. What should I do?

  • Hi kukas2

    Kindly share your site url so we can take a look and assist you better.

    Thanks
  • Hi prajapati

    My website is www.korvisa.com

    I hope that service section will appear in the same form as project section.

    Thanks,

  • Hi kukas2

    Ok use the below css code for the text in service section.

    .service .post .entry-content {
        padding-bottom: 20px;
    }

    Let me know did it work.

    Thanks
  • Hi prajapati

    It works well. But the dividing line in the middle hits both ends of the box.

    Is there any way to drop it like project section?

    And can we not set the height of the space below the dividing line to the same height as the project section?

    Thanks

  • Hi kukas2

    For this use the below css code in custom css box.

    .service .post .entry-content {
        padding-bottom: 15px !important;
    }
    .service .post .entry-header {
        margin: 0 0 -8px !important;
    padding-left: 15px;
        padding-right: 15px;
    }

    Let me know your issue resolved.

    Thanks
  • Hi prajapati

    It works perfectly. But last but not least, the top edges of the image of project section look slightly round,

    but the top edges of the image of the service section are not rounded(perfect rectangle).

    A slightly rounded corner looks good to see.

    Isn't there any way for service section's image to be slightly rounded like project sections?

    Thanks,


  • Hi kukas2

    Kindly use the below css code in custom css box.

    .services_cols_mn_icon {
        border-radius: 4px 4px 0 0;
    }

    Let me know your issue resolved.

    Thanks
  • Hi prajapati


    Perfectly working~! and your service was also perfect too~!

    Thank you very much

  • Hi kukas2

    Glad to know that its work perfectly!

    Let me know for further help.

    Thanks


This discussion has been closed.