place in site header, float right problem

Resolved wp.Man
(@wpman-1)

10 years, 9 months ago
ok, so i stuck the flags in the header using this code..

<?php echo do_shortcode('[google-translator]'); ?>

but, alas, 2 problems surface when i try to float it right using this…
```
#flags a {
 display: inline-block;
 float: right;
 height: 12px;
 width: 16px;
}
```
1) the spacing between the flags changes and they become too close together

2) the order of the flags is backwards 🙂
i’d like EN first

nice little plugin BTW

http://wordpress.org/extend/plugins/google-language-translator/

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

Rob Myrick
(@rm2773)

10 years, 9 months ago

Hi wp.Man, can you provide a link to your website? I will experiment with some styles and see if I can work some magic. Then I can tell you the proper CSS to add to your site. I’ll also be working on this display issue for the next upgrade – it should get better:)

Thanks!

Thread Starter wp.Man
(@wpman-1)

10 years, 9 months ago

thanks for the reply 🙂

12bytes.org – the header is pretty standard twenty-twelve
Rob Myrick
(@rm2773)

10 years, 9 months ago
Hi wp.Man, try this instead, and let me know how it works:
```
 
#flags { 
 width:140px; 
 float:right; 
} 
```
I’m assuming you want the flags to float all the way to the right side of your header, and that you want to display flags only.

I hope that helps!

Thanks, Rob
Thread Starter wp.Man
(@wpman-1)

10 years, 9 months ago

using the #flags … selector (or whatever it’s called) has no effect – it doesn’t reposition the flags and i don’t know why

using ‘#flags a {‘ does work, but with the caveats mentioned above … and now that i think about it, this is why the order of the flags is reversed 🙂

were you able to move the div to the right using only ‘#flags {‘?

if so, i’m doing something wrong

Thread Starter wp.Man
(@wpman-1)

10 years, 9 months ago

eh – something is very wrong on my end – the ‘#flags {‘ selector DOES work exactly as it should when i add it vie Firebug, but for some reason it’s not working in my themes css (which is valid) – i’ll have to do some troubleshooting…

i wonder if “flags” could be conflicting with another style, maybe in a plugin???

even if not, may be worthwhile avoiding a possible conflict by naming to something like “glt-flags”

Rob Myrick
(@rm2773)

10 years, 9 months ago

Ouch….I just noticed the code snippet I provided has   tags included. That obviously shouldn’t be there. Did you add those, or did you know they shouldn’t have been included?

Let me know if this ended up being a theme problem, or if there’s something I can do to help further.

Thanks!

Rob Myrick
(@rm2773)

10 years, 9 months ago

Yes, point well taken with re-naming the #flags selector. That might be in the next update.

Thanks!

Thread Starter wp.Man
(@wpman-1)

10 years, 9 months ago

you know, some unix geek running a server for a nuclear missile site is going to come here and copy that code you wrote and start WW3 🙂

anyway, i haven’t been able to get it float right

i can put the code in Firebug and it works fine
put in my themes css file and… WHAT AN IDIOT I AM!!!

i was prefixing it with a dot instead of # !!!
jeez

sorry for the hassle!

Thread Starter wp.Man
(@wpman-1)

10 years, 9 months ago

resolved

Rob Myrick
(@rm2773)

10 years, 9 months ago

I like the word, “resolved”. Let me know if you ever have any other problems.

Thanks, Rob Myrick

cyrjm
(@cyrjm)

10 years, 8 months ago

wp.Man that looks awesome…is there a tutorial on how to do this?

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

The topic ‘place in site header, float right problem’ is closed to new replies.