Different logo pics for bilingual site

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(https://mariorphans.org/wp-content/uploads/2014/03/logorus2.png);

}

#logo:lang(en-US)
{
background-image: url(https://mariorphans.org/wp-content/uploads/2014/03/logoeng.png);
}

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

you’re welcome… for the images try

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

Change the 50%v accordingly

Hi Salsaturation,

I am using qTranslate plug-in and Costimizr Theme for my web site https://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(https://www.ventusyapi.com/?attachment_id=424);

}

#logo:lang(tr-TR)
{
background-image: url(https://www.ventusyapi.com/?attachment

_id=425);
}
`
Can you help me to solve this issue?
Many thanks in advance..

Hi Mimgoce

https://www.ventusyapi.com/?attachment_id=424 and https://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(https://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(https://www.ventusyapi.com/wp-content/uploads/2014/04/ventus-logo_coral-draw_tr-1024x379.png);
background-size: 100%;
}

@mimgoce, please make sure to post under the correct theme: https://www.ads-software.com/support/theme/customizr#postform

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: https://www.dalyhealing.com

Thank you so much!

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 https://www.dalyhealing.com

Thank you so much!

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

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

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?

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.

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='https://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

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: https://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: https://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
*/

Did you follow Daniel’s instructions? https://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 ??