Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 3, 2018 at 1:20 am #980336
    Moondreamer21

    I’d like for the background image I have uploaded and set for the top of my main content area to stretch to cover the full width of any screen, but haven’t been able to find the css to do that?
    Appreciate the help!

    July 4, 2018 at 3:24 am #980875
    Ismael

    Hey Moondreamer21,

    Thank you for using Enfold.

    I’ve been checking the site for a few days now and the main background image is already full width. I do noticed that the top portion is cut off. You may need to adjust the background position to “Top Center” instead of “Bottom Center”.

    Best regards,
    Ismael

    July 4, 2018 at 3:56 am #980884
    Moondreamer21

    I’m referring to the brown/tan faded top background image in the Main Content Area, not the image in the Full Width Easy Slider on the home page (I just put that up temporarily to get a feel for the look, haven’t started permanently adjusting or deciding on images for that area yet).

    I’ll provide my site details below… I’ve done a lot of changes to the CSS that have worked for getting other parts to full width but can’t seem to get it right for this part. Thanks.

    July 5, 2018 at 2:37 am #981400
    Moondreamer21

    I would also like to set another flipped version of this faded background to appear just above the footer. Is it possible to set that with Custom CSS?

    July 5, 2018 at 11:15 am #981518
    Ismael

    Hi,

    Thanks for the info.

    1.) This css should increase the width of the background.

    .main_color {
    background-size: 100%;
}

    2.) You need to create a reversed version of the image first and then apply it using css.

    Best regards,
    Ismael

    July 5, 2018 at 8:42 pm #981731
    Moondreamer21

    Thanks, that did the trick to get it full width.

    I do have a reversed image uploaded at https://www.new.barrelracingtips.com/wp-content/uploads/2018/07/mcbottomfade.png

    Would love to get the CSS to add that to the bottom of the main content area. Thanks!

    July 6, 2018 at 6:46 am #981845
    Ismael

    Hi,

    Thanks for the update. Add a color section at the very bottom of the page and then apply the reversed image as background. Set the background position to “Bottom Center”.

    Best regards,
    Ismael

    July 9, 2018 at 4:09 am #982925
    Moondreamer21

    Thanks Ismael, I got that to work! :)

    July 9, 2018 at 12:31 pm #983063
    Victoria

    Hi, Moondreamer21

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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