Tagged: 

Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • February 1, 2019 at 8:20 pm #1061703
    Metasequ0ia

    Hi, after activating CSS-aggregation in performarce settings the background image in the Alternate Content area disappears.

    Console show this:
    404
    https://mydomain.tld/wp-content/uploads/dynamic_avia/mydomain.tld/wp-content/themes/enfold/images/background-images/floral-dark.png

    There is no such path on my server.

    Please have a look.
    Thanks
    – Martin

    February 3, 2019 at 9:24 am #1062151
    Rikard

    Hi Martin,

    Where can we see the actual problem?

    Best regards,
    Rikard

    February 5, 2019 at 1:26 pm #1063166
    Metasequ0ia

    Well, you actually can’t see it, because the background image isn’t there anymore.

    February 7, 2019 at 6:15 pm #1064238
    Victoria

    Hi Metasequ0ia,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    February 8, 2019 at 12:01 pm #1064545
    Metasequ0ia

    Sure. Please see credentials in private content box.
    -Martin

    February 11, 2019 at 3:55 pm #1065469
    Victoria

    Hi Martin,

    Thank you for that. I cannot see it anywhere. Please, deactivate Jetpack and let us check again.

    Actually, I deactivated css merging and saved the Theme options and the issue is gone.

    Please, check.

    Best regards,
    Victoria

    • This reply was modified 5 years, 9 months ago by Victoria.
    February 11, 2019 at 7:27 pm #1065620
    Metasequ0ia

    Hi Victoria,

    thanks for having a look at this.

    Actually, I deactivated css merging and saved the Theme options and the issue is gone.

    Well, this is what I also experienced. But it seems like a bug in Enfold CSS merging. I would like to use the css merging and also have a background image in my Alternate Content area. That is why I opened the support ticket, to let you know that there is something not working properly with the css merging. Any chance the developers will have a look at this?

    February 13, 2019 at 4:56 pm #1066534
    Ismael

    Hi,

    Thanks for the update.

    We can’t reproduce the issue on our own installation, so it’s probably a plugin conflict or something in your server configuration. We also noticed that the site is not using the latest version of the theme. Please upgrade the theme to version 4.5.3 and deactivate the plugins temporarily.

    Best regards,
    Ismael

    April 5, 2019 at 12:28 am #1087255
    garyvot

    Hello Ismael and Victoria.

    We recently launched our site into production, and we too have been experiencing this issue with Enfold Theme Alternate Content background image going missing when CSS merging is enabled.

    Looking at the issue in the browser console, it appears that that base URL is duplicated. So the image URL being requested is:

    https://www.mysite.com/www.mysite.com/wp/wp-content/themes/enfold/images/background-images/floral-dark.png

    I’ve tried deactivating various plug-ins, but this does not seem to help. Is there any chance that this is a theme issue? Thanks for checking.

    Gary

    April 8, 2019 at 3:18 am #1088100
    Ismael

    Hi,

    This particular issue should get fixed on the latest version of the theme. Please make sure that the site is running on version 4.5.5.

    Best regards,
    Ismael

    April 8, 2019 at 7:25 am #1088152
    garyvot

    Thank you Ismael, I will look for that.

    Best,

    Gary

    April 8, 2019 at 9:07 am #1088174
    Metasequ0ia

    Hi Ismael,

    I updated to 4.5.5 and the issue with the background image still persists. When activation CSS merging the background image fails to load because of an uncorrect path.

    -Martin

    April 9, 2019 at 12:35 pm #1088640
    Ismael

    Hi,


    @Metasequ0ia    : We were able to reproduce the issue in your installation. Please try to edit the file mentioned in the following thread.

    // https://kriesi.at/support/topic/again-one-problem-with-merged-css/#post-1082689

    That should fix the issue with the incorrect file path.

    Best regards,
    Ismael

    April 9, 2019 at 12:42 pm #1088641
    Metasequ0ia

    Hi Ismael,

    thanks for the solution. It works, but is not perfect. The image gets loaded but not over https. Console shows an mixed content warning:

    Mixed Content: The page at ‘https://brandenburgische-akademie.de/de/’ was loaded over HTTPS, but requested an insecure image ‘http://brandenburgische-akademie.de/wp-content/themes/enfold/images/background-images/floral-dark.png’. This content should also be served over HTTPS.

    April 12, 2019 at 12:05 am #1089781
    Ismael

    Hi,

    Glad it works.

    Try to install an https plugin like the ones listed below.

    // https://wordpress.org/plugins/wp-force-ssl/
    // https://wordpress.org/plugins/really-simple-ssl/

    These plugins should convert every http to https.

    Best regards,
    Ismael

    April 13, 2019 at 10:36 am #1090331
    Metasequ0ia

    Why do I have to install an extra plugin? All my content was available via https before your modifications. You should supply a working fix for that image problem that allows the image to get served via https.

    April 15, 2019 at 4:30 am #1090818
    Ismael

    Hi,

    We don’t see the mixed content issue in the site. The background is set to have a protocol relative url.

    .header_color .header_bg {
    background: #415e21 url(//brandenburgische-akademie.de/wp-content/themes/enfold/images/background-images/floral-dark.png) center center repeat scroll;
}

    Best regards,
    Ismael

    April 15, 2019 at 9:20 am #1090882
    Metasequ0ia

    Well that is because I deactivated css merging because of the still persisting problems.

    With css merging activated it looks like this:

    .alternate_color {
    background: #719430 url(https://brandenburgische-akademie.de/wp-content/themes/enfold/images/background-images/floral-light.png) top center repeat scroll;

    And console shows a mixed content warning.

    • This reply was modified 5 years, 7 months ago by Metasequ0ia.
    April 15, 2019 at 9:22 am #1090884
    Metasequ0ia

    Hey your forum automatically replaces http with https in code snippets. That is weird. In my code snippet posted above the path is

    .alternate_color {
    background: #719430 url(https://brandenburgische-akademie.de/wp-content/themes/enfold/images/background-images/floral-light.png) top center repeat scroll;

    • This reply was modified 5 years, 7 months ago by Metasequ0ia.
    April 17, 2019 at 11:12 pm #1092157
    Ismael

    Hi,

    Well that is because I deactivated css merging because of the still persisting problems.

    The compression is turned on when we check the site — the header background is displaying properly.

    Best regards,
    Ismael

    April 18, 2019 at 8:38 am #1092337
    Metasequ0ia

    Hi Ismael,

    thanks for your response.

    Yes, you are right: both images (floral-dark.png and floral-light.png) display correctly. But they get loaded via http protocol and not via https. That is because I get a mixed content warning and the browser is not showing the secure lock symbol in address bar.

    Please modify the altered theme file you mentioned in post 1088640.

    Obviously the fix didn’t correct the wrong file path in a way that secure https connections are possible.

    Regards,
    Martin

    April 19, 2019 at 2:20 am #1092530
    Ismael

    Hi,

    Odd. We don’t see the “mixed content” warning. Where are you checking the site? Did you purge the cache?

    Best regards,
    Ismael

    April 19, 2019 at 9:46 am #1092643
    Metasequ0ia

    Hi,

    I tested with different browsers (Firefox, Chrome, Safari). All show the mixed content warning. And, yes I cleared browser cache and deactivated browser addons. Can you help me find the reason why the images get served via http?

    Thanks,

    Martin

    April 22, 2019 at 11:06 am #1093300
    Ismael

    Hi,

    Any “http” link should be replaced with “https” according to the changes in the asset-manager.php file, line 524:

    $base_url = str_replace( array( 'http:', 'https:' ), '', get_home_url() );

    We can’t reproduce the issue on your site anymore. We don’t see any mixed content notification or error in the console as shown in the following screenshot.

    Screenshot: https://imgur.com/a/hp4vry6

    Best regards,
    Ismael

    May 28, 2020 at 8:54 am #1217272
    softmaker

    Hi Ismael,
    I have the same problem. The image gets loaded but not over https. I can’t find asset-manager.php file.

    Console shows an mixed content warning:

    Mixed Content: The page at ‘https://site.softmaker.kz/raznoe/nastrojka-multiseat-na-ubuntu-1404.html’ was loaded over HTTPS, but requested an insecure image ‘http://site.softmaker.kz/wp-content/themes/enfold/images/background-images/floral-dark.png’. This content should also be served over HTTPS.

    Also style for polylang does not work, bullet appears:
    #header_meta .container > li.lang-item {
    display: none;
    }
    https://kriesi.at/support/topic/adding-a-widget-to-the-top-bar/#post-692680

    May 29, 2020 at 1:07 pm #1217683
    Ismael

    Hi,

    @softmaker: We disabled the Performance > File Compression settings temporarily to regenerate the scripts and stylesheets. Let us know if you can still see the issue. If the issue persists, please provide a direct link to the page so that we can check it. And don’t forget to remove the browser prior to testing the page.

    Best regards,
    Ismael

    May 29, 2020 at 1:26 pm #1217692
    softmaker

    Hi Ismael,
    Thank you! It works perfect!

    What do you think about style for polylang? It does not work, bullet appears:
    Flag with bullet you can see here : https://yadi.sk/i/onsCIOrTQBoJpg

    #header_meta .container > li.lang-item {
display: none;
}

    I took this style here: https://kriesi.at/support/topic/adding-a-widget-to-the-top-bar/#post-692680

    June 1, 2020 at 10:20 am #1218387
    Ismael

    Hi,

    Add this css code to remove the bullet points from the language switcher or flags.

    .lang-item {
	list-style: none;
}

    Best regards,
    Ismael

    June 1, 2020 at 11:04 am #1218398
    softmaker

    Thank you! It works perfect!

    June 3, 2020 at 1:16 pm #1219036
    Ismael

    Hi,

    No problem. Please feel free to open a new thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 30 total)
  • The topic ‘Background image in Alternate Content disappers after activation CSS-aggregation’ is closed to new replies.