Forum Replies Created

Viewing 15 replies - 91 through 105 (of 108 total)
  • Thread Starter ChrisFo

    (@chrisfo)

    In the child-theme style.css there is no link to other CSS files. The linking must be generated by WP/Customizr as far as I understand it.

    /*
     Theme Name:     CustomG
     Theme URI:      https://g...
     Description:    Customizing of Customizr 3.0.13 for ...
     Author:         Chris...
     Author URI:     https://g...
     Template:       customizr
     Version:        1.0.1
    */

    After there are only style definitions (body, h1, a, .tc-header, .navbar, etc.)
    I can not find any code that possibly causes the problem. Tomorrow I will try with a new child-theme based on this one, to remove things and check again.

    Thread Starter ChrisFo

    (@chrisfo)

    I have 3.1.19, I just wanted to explain that the problem exists since some updates before upgrading to 3.1.19.

    One additional strange thing I did notice: the problem accurs only for “normal” visitors, meaning when I login as Admin the Layout/CSS loads normally from the new assets folder. I’m not able to understand why this is so?

    done ??

    I’m having the same/similar issue with one of two Customizr child-themes on a WP multisite server.
    The problematic child-theme delivers no Customizr CSS because the link is wrong: ‘…/wp-content/themes/customizr/inc/css/red.min.css’.
    In the other child-theme it is correct: ‘../wp-content/themes/customizr/inc/assets/css/green.min.css’
    Debug steps:
    1) The child-theme blog.php and functions.php are extactly the same in both versions
    2) I did delete the WP Super Cache
    3) I’m now trying to compare and find if style.css can cause this, but so far could not find anything

    Thread Starter ChrisFo

    (@chrisfo)

    Thanks for this additional example Streamline!
    In my case I like to have “CSS-only” and MSIE is not a priority for me. I have seen suggestions that IE10+ may works if compatibility for old IE is forced with
    <meta http-equiv="x-ua-compatible" content="IE=9">
    but I havent’t tried that out.

    Ok, ID setup should be easy enough for me ??
    And also the rest looks understandable to me. Will try it.

    Thank you very much besterlangen and realloc!

    I would be also interested in a solution for the following setup:

    • WP Multisite Installation
    • Multisite Language Switcher
    • BlogA with language versions: EN/DE
    • BlogB with language versions: EN/DE/IT
    • BlogC with language versions: DE/IT
    • All blogs might use the same theme

    If besterlangen would share his code I would appreciate (I have no PHP coding skills).
    Additionally I would ask if based on realloc’s first comment creating a child-theme (with individual functions.php) for every blogX would be a possible solution?
    I would very appreciate if MLS could integrate options for this setup (selecting of “connected-blogs/languages”) in the future.
    Thank you!

    Thread Starter ChrisFo

    (@chrisfo)

    Yayyy – I got it to work to my satisfaction in Chrome and Firefox. (use child theme and not Customiz’it CSS). However only by trying (looking at Customizr CSS code), not by understanding ??

    /* post-image grayscale to hover-color  */
    .attachment-tc-thumb {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    }
    .widget-front.hover .round-div ~ .attachment-tc-thumb,
    article.hover .round-div ~ .attachment-tc-thumb {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: none;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    }

    Thanks Andrew!!!
    I think cleaned up for obsolete code this could be (together with other filter effect options) a nice add to code-snippets ??

    Interestingly Mozilla does list the CSS filters nicely, but still not support them in latest Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/filter

    Thread Starter ChrisFo

    (@chrisfo)

    I’m sorry but I have the “experimental” WP project on a local WAMP system.

    I would like to trigger the hover filter grayscale effect, when the mouse moves over this code section

    <article id="post-243" class="post-243 post type-post status-publish format-standard hentry category-stand category-test category-experi tag-paper tag-public row-fluid">
        <section class="tc-thumbnail span4"> … </section>
        <!--    .thumb_class    -->
        <section class="tc-content span8">
            <header class="entry-header">
                <h2 class="entry-title format-icon"> … </h2>
                <div class="entry-meta"> … </div>
                <!--             .entry-meta             -->
            </header>
            <!--         .entry-header         -->
            <section class="entry-summary">
                <p> … </p>
            </section>
            <!--         .entry-summary         -->
        </section>
        <hr class="featurette-divider"></hr>
    </article>

    I tried to access this area with
    article:hover ~ .attachment-tc-thumb and
    article.hover ~ .attachment-tc-thumb and
    post:hover ~ .attachment-tc-thumb
    But I’m not enough trained with this advanced hover CSS.
    Thx for the support.

    Thread Starter ChrisFo

    (@chrisfo)

    I think I now know what was the problem: the Customiz’it CSS field probably does not encode properly some characters. Example in the final browser HTML file:
    <svg xmlns='https://www.w3.org/2000/svg'> (char encoding not shown here)
    Original code as intended:
    <svg xmlns=\'https://www.w3.org/2000/svg\'>

    I have now moved my experimental CSS code to a child theme, and it seems to work perfectly with the grayscale filter code also in Firefox.

    But I’m unable to address the whole article on hover instead of only “.round-div:hover” for changing the image back to color (same area as where the “image expansion effect” is triggered). I hope this is understandable and would be happy to reach my ultimate design customizring ??

    Thx

    Thread Starter ChrisFo

    (@chrisfo)

    Thanks for the nice short code! For my styling your solution is however too dark (blackish).
    But I really appreciate that you have provided useful code to adress the styling: applying to .attachment-tc-thumb and .round-div:hover ~ .attachment-tc-thumb the grayscale filtes work fine in Chrome.
    In Firefox I still have problems, as the image is not displayed in normal state, but when hovering gets showed (in color).

    EDIT: I will look into your second posting and hopefully find a solution also for Firefox. Thank you very much.

    Thread Starter ChrisFo

    (@chrisfo)

    Thread Starter ChrisFo

    (@chrisfo)

    Thanks for that. Very good that you contribute it to Snippets. Maybe after some time (logging) the most used snippets could be integrated in to the theme options (Customiz’it).

    Thread Starter ChrisFo

    (@chrisfo)

    Thank you rdellconsulting! It works for me. This is indeed more clean and suggestable then copying and editing single php files in the child folder. Maybe I’m able to use this also in other places now ??
    I hope this will be added to Snippets and monitored by the author for future functionality.
    https://www.themesandco.com/code-snippets/

    hmm. I have two WP blogs on the same hoster and conditions (using WP-Super-Cache 1.3.2 with WP 3.6.1). One is working very well, the other after editing posts, pages, users, etc. shows an error page with this messages:

    Notice: Undefined variable: wp_cache_object_cache in /www/.../wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 1115
    
    Warning: Cannot modify header information - headers already sent by (output started at /www/.../wp-content/plugins/wp-super-cache/wp-cache-phase2.php:1115) in /www/.../wp-admin/post.php on line 222
    
    Warning: Cannot modify header information - headers already sent by (output started at /www/.../wp-content/plugins/wp-super-cache/wp-cache-phase2.php:1115) in /www/.../wp-includes/pluggable.php on line 875

    I have tried to harmonize settings in WP-Super-Cache and .htaccess without success so far.

Viewing 15 replies - 91 through 105 (of 108 total)