[Resolved] Resize home page circle images

This topic contains 4 replies, has 2 voices, and was last updated by  Andrew Misplon 1 year, 1 month ago.

  • Author
    Posts
  • #7640

    melachrinos
    Participant

    Hi,

    I would like to resize the circle photos of home page when displayed on mobile devices. Also, I want exactly 2 columns to be displayed. I managed to display the two columns using the below code. Can you please advise how can I achieve the resize? Website is https://insurancetipster.com.

    @media (max-width: 520px) {
    .custom-features .sow-features-list.sow-features-responsive .sow-features-feature {
    float: left !important;
    width: 50% !important;
    padding: 0 !important;
    }

    Thank you in advance,
    Petros

    #7641

    Andrew Misplon
    Keymaster

    Hi Petros

    Thanks for reaching out and for your support.

    I will do my best to assist with this tomorrow morning, I’m sure we can find a solution. Chat further then 🙂

    #7642

    Andrew Misplon
    Keymaster

    Thanks for the wait. Please, try:

    @media (max-width: 520px) {
    	.sow-features-list .sow-icon-image {
    		width: 50px !important;
    		height: 50px !important;
    		background-size: 50px !important;
    	}
    	.sow-icon-container {
    		width: 50px !important;
    		height: 50px !important;
    		font-size: 50px !important;
    	}
    }
    #7644

    melachrinos
    Participant

    Hi Andrew,

    This is exactly what I was looking for! Thanks for the assistance.

    #7645

    Andrew Misplon
    Keymaster

    Super 🙂 Glad to hear that did the trick.

    All the best.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Scroll to top