Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter zacharskiphoto.com

    (@zacharskiphotocom)

    Hello again,

    Ok, I fix background color however there is a problem with font color as it’s white, and on white bg it’s invisible :/ I tried to use few plugins but it doesn’t help me to change the font color. I would like to change it to black.

    To give you more information this is CSS I used on my blog:

    #infinite-footer .blog-credits, #infinite-footer .blog-credits a {
    	display: none;
    }
    
    #infinite-footer {
    	display: none;
    }
    
    article.format-standard {
    	background-color: #white;
    }
    
    #content article.format-image {
    	background: white;
    }
    
    .search-trigger {
    	display: none;
    }
    
    .hentry {
    	padding: 20px 0 5px;
    }
    
    .entry-title {
    	font-size: 28px;
    }
    
    .entry-content, .entry-summary {
    	font-size: 16px;
    }
    
    #infinite-footer .blog-credits, #infinite-footer .blog-credits a {
    	display: none;
    }
    
    .entry-format-badge {
    	display: none;
    }
    
    #site-generator {
    	display: none;
    }
    
    .entry-content, .entry-summary, blockquote p, .comment-content {
    	font-size: 16px;
    }

    I fix background color however there is a problem with font color as it’s white, and on white bg it’s invisible

    It looks like you’ve defined some of your text to be white in the CSS. For example:

    #post-13, #post-13 a, #post-13 .entry-title, #post-13 .entry-title a {
        color: rgb(255, 255, 255);
    }
    #post-13 a:hover, #post-13 .entry-title a:hover {
        color: rgba(255, 255, 255, 0.7);
    }
    
    #post-32 .entry-meta span + span:before {
        color: rgba(255, 255, 255, 0.2);
    }

    I don’t see those styles in your custom CSS, so it’s possible they’re being added by one of your plugins. To figure out which, you can try temporarily deactivating them, and turning them back on one-by-one to find the culprit.

    Thread Starter zacharskiphoto.com

    (@zacharskiphotocom)

    Hi Kathryn,

    thanks for you response. I think it doesn’t work in my case now. I added those lines to my CSS and it looks the same.

    Right now it looks like that:

    FOOTER ----------------------------------------------------------------------------------------
    
    #infinite-footer .blog-credits, #infinite-footer .blog-credits a {
    	display: none;
    }
    
    #infinite-footer {
    	display: none;
    }
    
    article.format-standard {
    	background-color: #white;
    }
    
    #content article.format-image {
    	background: white;
    }
    
    .search-trigger {
    	display: none;
    }
    
    .hentry {
    	padding: 20px 0 5px;
    }
    
    .entry-title {
    	font-size: 28px;
    }
    
    .entry-content, .entry-summary {
    	font-size: 16px;
    }
    
    #infinite-footer .blog-credits, #infinite-footer .blog-credits a {
    	display: none;
    }
    
    .entry-format-badge {
    	display: none;
    }
    
    #site-generator {
    	display: none;
    }
    
    .entry-content, .entry-summary, blockquote p, .comment-content {
    	font-size: 16px;
    }
    
    ###
    #post-13, #post-13 a, #post-13 .entry-title, #post-13 .entry-title a {
    	color: rgb(255,255,255);
    }
    
    #post-13 a:hover, #post-13 .entry-title a:hover {
    	color: rgba(255,255,255,0.7);
    }
    
    #post-32 .entry-meta span + span:before {
    	color: rgba(255,255,255,0.2);
    }

    And the font is still white on white.

    I think it caused by the line that deactivates bg to use colours from posted picture, and it’s this line:

    #content article.format-image {
    	background: white;
    }

    So the question now is how to deactivate this feature to keep the background in white and the font in black/gray?

    Many thanks!!!

    line that deactivates bg to use colours from posted picture

    I just re-read your original post and now I understand better your end goal. It sounds like you want to deactivate the feature that sets the background colour of image-format posts to match the colours in the image – which is called Tonesque. Given that’s your goal, I have a better solution for you: let’s just deactivate the Tonesque feature instead of manually changing your CSS.

    In your child theme folder, create a new file called functions.php if you didn’t already make one. Add this line to your child theme’s functions.php:

    <?php function ryu_tonesque_css() {
    
    }

    If I find a better way to disable Tonesque, I’ll let you know, but this seems to work to make image-format posts look like any other post, i.e. white background, black text, etc.

    Let me know how it goes.

    Ryu’s designer/developer, Takashi, has put together this piece of code to disable Tonesque in Ryu in a more elegant and technically correct way.

    You would use this in your child theme’s functions.php file instead of the function I gave you above.

    <?php
    function ryu_child_setup() {
    	remove_theme_support( 'tonesque' );
    }
    
    add_action( 'after_setup_theme', 'ryu_child_setup', 11 );
    
    function ryu_child_remove_bundled_tonesque() {
    	remove_action( 'wp_loaded', 'ryu_load_bundled_tonesque' );
    }
    
    add_action( 'init', 'ryu_child_remove_bundled_tonesque' );
    
    function ryu_tonesque_css() {
    	if ( ! current_theme_supports( 'tonesque' ) || ! class_exists( 'Tonesque' ) )
    		return;
    }

    Just let me know if you have any questions.

    Thread Starter zacharskiphoto.com

    (@zacharskiphotocom)

    1) bg & font colour
    I will try it in next few days. If it works, and I suppose it will as all you solutions, then font that is white is not visible on the whit background. Is it possible to change font colour in CSS?

    2) comments
    On my website http://www.zacharskiphoto.com there are comment description, I mean title, date, author, tags. Right now it’s in white font, but you can see it after selecting with Ctrl/Cmd+A

    LIPIEC 5, 2014 [date]
    ZAHCARSKIPHOTO.COM [author]
    MOUNTAINS, TRIP [tags]
    LEAVE A COMMENT

    Is it possible to remove author line permanently?

    These two points are holding me back to be 200% satisfied with my child template

    If you can help me here I would be more than grateful. Many thanks

    1) bg & font colour
    I will try it in next few days. If it works, and I suppose it will as all you solutions, then font that is white is not visible on the whit background. Is it possible to change font colour in CSS?

    I suggest you first try the functions I gave you above, and also remove the custom CSS you added earlier to try to manually modify the background colour and fonts. Once you add the functions I gave you, you should no longer have white text on a white background – it will be black on white as it is for standard posts.

    Is it possible to change font colour in CSS?

    It is, but you shouldn’t need to if you just want black text on a white background.

    Is it possible to remove author line permanently?

    Sure, adding this custom CSS should hide it:

    .entry-meta .author {
       display: none;
    }

    Thread Starter zacharskiphoto.com

    (@zacharskiphotocom)

    Ryu’s designer/developer, Takashi, has put together this piece of code to disable Tonesque in Ryu in a more elegant and technically correct way.

    You would use this in your child theme’s functions.php file instead of the function I gave you above.

    <?php
    function ryu_child_setup() {
    remove_theme_support( ‘tonesque’ );
    }

    add_action( ‘after_setup_theme’, ‘ryu_child_setup’, 11 );

    function ryu_child_remove_bundled_tonesque() {
    remove_action( ‘wp_loaded’, ‘ryu_load_bundled_tonesque’ );
    }

    add_action( ‘init’, ‘ryu_child_remove_bundled_tonesque’ );

    function ryu_tonesque_css() {
    if ( ! current_theme_supports( ‘tonesque’ ) || ! class_exists( ‘Tonesque’ ) )
    return;
    }
    Just let me know if you have any questions.

    Unfortunately I doesn’t work. I simply pasted this code to function.php file and uploaded it into my child theme folder in the server + removed all custom CSS referring to bg & font colour but it brought me back to the theme’s standard various colour bg.

    I have used now “FONT” plugin to change font colour to black. It looks fine, however I know this is not the best way to do it.

    CSS to remove ‘author’ from file comments description works fine!

    Thanks for your help.

    Unfortunately I doesn’t work. I simply pasted this code to function.php file and uploaded it into my child theme

    Did you first create a new, empty file called functions.php in your child theme, before pasting in the code I gave you?

    Functions files in child themes don’t override the parent theme’s functions file in the same way that other theme files do, like header.php or page.php, so functions.php needs to start off empty before adding any of your own custom code.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘keep the same background for all post types’ is closed to new replies.