Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 4, 2018 at 4:36 pm #981285
    smoothbob

    Hi

    I want to change the background colour of the ajax preview window – possibly to use a background image –
    I cannot find the correct class, I tried this from another support topic but it did not work

    .main_color .portfolio-preview-content {
    background: white !important;
    }

    Portfolio grid (AJAX Portfolio) background

    ALSO! when i rescale the browser to mobile view it completely loses the background and goes transparent

    thanks!

    July 5, 2018 at 3:54 pm #981647
    smoothbob

    Hi

    no response yet :)

    thanks

    July 6, 2018 at 1:25 pm #982039
    Victoria

    Hi smoothbob,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.ajax_slide.open_slide {
    background: #fff;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 6, 2018 at 2:22 pm #982068
    smoothbob

    Hi Victoria

    I have tried both of these but neither works

    .ajax_slide.open_slide {
    background: #000!important;
    }

    .main_color .portfolio-preview-content {
    background: #000 !important;
    }

    if you check the page again you will see that the background of the preview box does not change and
    ALSO! when i rescale the browser to mobile view it completely loses the background and goes transparent

    thanks!

    July 6, 2018 at 2:30 pm #982071
    smoothbob

    Hi Victoria
    I checked that, it works now, caching issue in chrome

    thanks!

    July 7, 2018 at 10:19 am #982363
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 11, 2018 at 4:09 pm #984274
    smoothbob

    Hi

    revisiting this…

    Our Network

    I got it working using a different class, and I can remove the background but when I try to use an image in the back it does not find it

    http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/back-1.png

    what I wanted to achieve was a different column colour effect with the logo on a white background and the text on a grey one. but using column shortcodes it always has an outer border in the ajax window

    this is my code:
    .main_color .portfolio-preview-content {background: transparent; box-shadow: none; background-image: url(“http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/back-1.png”) }

    thanks!

    July 13, 2018 at 2:50 pm #985180
    smoothbob

    This is what I am trying to do, but it will not find the image when in the css- I have the same problem using pngs as icons, it cannot find the image path or will not display the image

    http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/preview-back.png

    .main_color .portfolio-preview-content {background-color: rgba(255, 255, 255, 0.25); box-shadow: none; background-image: url(http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/back-1.png) }

    thanks

    July 14, 2018 at 11:43 pm #985521
    Mike

    Hi,
    I have taken a look and recognize the error you are getting as specific with v4.3, please try updating to v4.4.1
    and then clear your cache.
    Please note that if you update via FTP, you will need to remove the old theme folder first then upload the new enfold folder.
    Please don’t try to overwrite the theme folder, as this will leave old files behind.

    Best regards,
    Mike

    July 15, 2018 at 11:41 am #985626
    smoothbob

    Hi
    problem fixed
    thanks

    • This reply was modified 6 years, 4 months ago by smoothbob.
    July 15, 2018 at 1:40 pm #985640
    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 under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Ajax preview window background’ is closed to new replies.