Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1224231

    Hi Kriesi Team,
    I was wondering if you can improve on the code I used to make the image full width. Currently it’s almost ‘full-width’. Or any amendments to the settings that I can configure. The image I referred to is donation package image with different tiers of donation pricing available for doners.

    But also can the settings/code recommended take care of mobile site as well because it looks off? Ty

    .avia-image-container avia-image-container-inner, .avia-image-container avia-image-container-inner img {
        width: 100%!important;
    }

    The following may be out of scope from Enfold. But I was wondering if your can assist me on it?
    Furthermore, I was wondering if your can assist me to increase the spacing between the donation options

    Third: Change color button of donation plugin

    /* Change button of donation button to EBA138 */
    .give-submit-button-wrap give-clearfix .give-submit give-btn {
    background-color: #EBA138 !important;
    color: #EBA138 !important;
    }

    Best,
    MM

    • This topic was modified 3 years, 10 months ago by kayzelmoo.
    #1226169

    Hey Kayzel,
    Sorry for the late reply and thanks for the link, for the donation package image please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 768px){
    .responsive #top.page-id-95 #av_section_1 > .container,.responsive #top.page-id-95 #av_section_1 {
        max-width: 100% !important;
        padding: 0 !important;
    }
    .responsive #top.page-id-95 #av_section_1 {
        background-color: #EEEEEE !important;
    }
    }

    For your spacing between the donation options please try this css:

    @media only screen and (min-width: 767px) { 
    	form[id*=give-form] #give-donation-level-radio-list>li {
    		 padding: 0 0 20px 0 !important;
    	}
    }

    To change the color button of the donation plugin try this css:

    @media only screen and (min-width: 767px) { 
    	#give-purchase-button {
    		 background-color: #EBA138 !important;
             color: #fff !important;
    	}
    }

    Please note that in your code the button background color and the text color were the same orange so I made the text white so you can see it, but feel free to adjust to suit.

    Best regards,
    Mike

    #1226219

    Hi Mike,
    All’s working great. Thank you so much, appreciate it. Do aid in closing the thread. Cheers!
    Best regards,
    MM

    #1226227

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Make container image full width and donation plugin amendments’ is closed to new replies.