WordPress.org

Forums

Pilot Fish
Different logo pics for bilingual site (15 posts)

  1. brrrrrrrrr
    Member
    Posted 1 year ago #

    May be somebody can give me some help. I'm using a qTranslate plug-in and can not understand what should I do to make the logo pic in the header to change on switching between the languages. Here the web-site http://mariorphans.org/
    I suppose that some changes should be made here -
    header.php
    "><img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="<?php bloginfo('description'); ?>" />

    And also how can I change the size of home page widgets images?

  2. salsaturation
    Member
    Posted 1 year ago #

    For the logo... If you don't already have a child theme or a custom.css you should install a plugin like custom CSS plugin then add the following to the custom css area.

    #logo img
    {
    display: none;
    }
    
    #logo {
    height: 208px;
    width: 508px;
    background-repeat: no-repeat;
    background-position: left bottom;
    }
    
    #logo:lang(en-RU)
    {
    background-image: url(http://mariorphans.org/wp-content/uploads/2014/03/logorus2.png);
    
    }
    
    #logo:lang(en-US)
    {
    background-image: url(http://mariorphans.org/wp-content/uploads/2014/03/logoeng.png);
    }
  3. brrrrrrrrr
    Member
    Posted 1 year ago #

    salsaturation, thank you sooooo much, that works)) Now i'm totally happy!

  4. salsaturation
    Member
    Posted 1 year ago #

    you're welcome... for the images try

    .widgets-home img {
    width: 50%;
    }

    Change the 50%v accordingly

  5. mimgoce
    Member
    Posted 1 year ago #

    Hi Salsaturation,

    I am using qTranslate plug-in and Costimizr Theme for my web site http://www.ventusyapi.com. It is a bilingual website performs in Turkish & English. I would like to change the Logo for each languages. Although I adjusted and wrote the code you provided to custom CSS line, it does not work for me.

    #logo img
    {
    display: none;
    }
    
    #logo {
    height: 208px;
    width: 508px;
    background-repeat: no-repeat;
    background-position: left bottom;
    }
    
    #logo:lang(en-US)
    {
    background-image: url(http://www.ventusyapi.com/?attachment_id=424);
    
    }
    
    #logo:lang(tr-TR)
    {
    background-image: url(http://www.ventusyapi.com/?attachment
    _id=425);
    }
    `
    Can you help me to solve this issue?
    Many thanks in advance..

  6. salsaturation
    Member
    Posted 1 year ago #

    Hi Mimgoce

    http://www.ventusyapi.com/?attachment_id=424 and http://www.ventusyapi.com/?attachment_id=422 don't mean anything in this context - you need the image reference

    Also you have the wrong selectors. This should work for you

    .brand img
    {
    display: none;
    }
    
    .brand {
    height: 116px;
    width: 312px;
    background-repeat: no-repeat;
    background-position: left bottom;
    }
    
    .brand:lang(en-US)
    {
    background-image: url(http://www.ventusyapi.com/wp-content/uploads/2014/04/ventus-logo_coral-draw_eng-1024x379.png);
    background-size: 100%;
    }
    
    .brand:lang(tr-TR)
    {
    background-image: url(http://www.ventusyapi.com/wp-content/uploads/2014/04/ventus-logo_coral-draw_tr-1024x379.png);
    background-size: 100%;
    }
  7. Andrew
    Forum moderator
    Posted 1 year ago #

    @mimgoce, please make sure to post under the correct theme: http://wordpress.org/support/theme/customizr#postform

  8. karadaly1
    Member
    Posted 1 year ago #

    Hi-

    I used the above code to try and insert my logo onto my website (I have a separate thread asking for assistance but haven't received any feedback). It almost worked, except that I can't get my logo to the far right of the page where I would like it. The farthest right it will go is in the center. I used a Custom CSS manager, though I do have a Child Theme and would prefer to make the modifications there. Any suggestions?

    I am using Pilot-fish. My site: http://www.dalyhealing.com

    Thank you so much!

  9. karadaly1
    Member
    Posted 1 year ago #

    Hi-

    I used the above code to insert my logo onto my site and it almost worked, except for that I can't figure out how to move the logo to the far-right of the page. (I started a separate thread asking for assistance but haven't received any feedback). I installed a custom css manager to do this, but I do have a child theme and would prefer to make the modifications there. Any suggestions?

    I am using Pilot fish and my site is http://www.dalyhealing.com

    Thank you so much!

  10. salsaturation
    Member
    Posted 1 year ago #

    Hi karadaly1

    In you child theme style css try

    #logo {
    width: calc(100% - 50px);
    }
    
    #header #logo .site-description {
    text-align: left;
    }

    I assume that's the effect you required

  11. salsaturation
    Member
    Posted 1 year ago #

    Hi karadaly1

    In you child theme style css try

    #logo {
    width: calc(100% - 50px);
    }
    
    #header #logo .site-description {
    text-align: left;
    }

    I assume that's the effect you required

  12. karadaly1
    Member
    Posted 1 year ago #

    Hi,

    Thanks so much for your reply. I added this to the bottom of my child theme style.css and didn't see a change. Perhaps this is because I have the original code (from your first post on this thread) on the custom css manager and not in my child theme?

  13. karadaly1
    Member
    Posted 1 year ago #

    Update:

    I did some tinkering. As it turns out, anything in my child theme style.css is not being read by my site. However, if I put the information in my "Edit CSS" page in my dashboard, the website interprets the information. I'm not sure that this is the most secure way to do things but at least it works.

    Any ideas on why my style.css folder isn't being read? I tried deleting everything in "Edit CSS" and putting the code only in the style.css folder but it still didn't translate.

    Again, thanks so much for your time and effort.

  14. salsaturation
    Member
    Posted 1 year ago #

    Are you sure you have a child theme activated? As the only style.css I can see on your soucecode is

    <link rel='stylesheet' id='pilotfish_main_style-css' href='http://www.dalyhealing.com/wp-content/themes/pilot-fish/style.css' type='text/css' media='all' />

    Please paste the top part of your css file here

  15. karadaly1
    Member
    Posted 1 year ago #

    I just checked and it says that my pilot fish child theme is active. All of my other files such as header.php and home php. are working fine. Here is the top part of my style css on my child theme:

    /*
    Theme Name: Pilot Fish child theme
    Theme URI: http://wordpress.danielatwork.com/project/pilot-fish/
    Description: Pilot Fish is an elegant portfolio theme with minimal design: featuring a custom post type to highlight projects and work, and parallax scrolling on the front page to display a featured image. Responsive layout makes it adaptive to mobile devices. Also Pilot Fish supports custom menus, post formats, and is available in Japanese, Spanish, Russian and Dutch. In this release, version 0.3.5, new features include custom category and custom tags listings for project, now you can have several project archieve pages by different project types and skills. Disclaimer: if you modified code in the original theme then an update will erase all your changes. So please either ignore this release or back up your changes.
    Author: Daniel Zhao
    Author URI: http://danielatwork.com/
    Version: 0.3.5
    Tags: white, blue, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, right-sidebar, featured-images, fluid-layout, responsive-layout, full-width-template, post-formats, translation-ready, theme-options
    
    Template: pilot-fish
    
    License: GNU General Public License (GPL)
    License URI: license.txt
    
      Table of Contents
    ==================================================
    	01 - Reset & Basics
    	02 - Global Styles
    	03 - Site Layout
    	04 - Margins & Paddings
    	05 - Header
    	06 - Content
    	07 - Sidebar
    	08 - Widgets
    	09 - Comments
    	10 - Pagination
    	11 - Footer
    	12 - Misc
    	13 - Media Queries
    	14 - Fixes for IE8
    */
  16. salsaturation
    Member
    Posted 1 year ago #

    Did you follow Daniel's instructions? http://wordpress.danielatwork.com/pilotfish/faq/

    To set up a child theme:

    Please add a header.php to your child theme, you can just copy my original header.php file, and add

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style.css" />
    inside the <head> tag of the header.php file. You can also download this style.css template for your child theme :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.