Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 20, 2020 at 6:24 am #1224231
    kayzelmoo

    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 4 years, 1 month ago by kayzelmoo.
    June 28, 2020 at 3:53 am #1226169
    Mike

    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

    June 28, 2020 at 4:09 pm #1226219
    kayzelmoo

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

    June 28, 2020 at 5:37 pm #1226227
    Mike

    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

  • Author
    Posts
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.