Resolved RTL in 2.3

[amirrainer 0]

Hi guys,

Since upgrading to pagelines 2.3 i encountered two problems with RTL (hebrew) which didn't exist before.

1. branding is aligned left, but not correctly. also, unable to center the branding as i did before, using " .mainlogo-img{margin:0 auto;} ".

2. wordpress comments are aligned to left and not to the right. it was fine before the upgrade.

thanks,

Amir.

[Rob 547]

Amir,

Likely the problem comes from a change in our CSS. If you use Firebug for Firefox or Chrome's Inspection Tools, you'll be able to see the selectors and be able to fix easily.

Since the site's not presently visible, I cannot offer any specific CSS, but Firebug's your best solution!

[amirrainer 0]

Hi Rob,

I forgot to check back for the answer...

you can see the problem in the following link. I'd really appreciate your assistance.

http://onlinepresence.co.il/events/amalya-meitiv/photos-2/

Thanks,

Amir.

[Danny+ 1,327]

Hi Amir,

Try adding the following code and see if this resolves your issue:

// Center Branding Image

#site .section-branding .content-pad { padding: 25px 0 0; }

#site .plbrand.mainlogo-link { float: none !important; }

#site .section-branding .mainlogo-img { margin: auto; }


//Comments

#site .section-wp-comments form { text-align: right; [/CODE]

[amirrainer 0]

Hi Danny,

thanks for the quick reply. it works pretty well, 2 minor issues though:

1. too much white space between the branding and menu.

2. reply-title isn't aligned to the right.

many thanks,

Amir.

[Danny+ 1,327]

Hi Amir,

1. Add this to resolve the white space issue.

.section-branding .icons { display: none; }

2. To resolve the Reply title, add the following code:

#site .section-wp-comments.wp-comments-pad h3 {

background: url(http://onlinepresence.co.il/events/amalya-meitiv/wp-content/themes/pagelines/sections/comments/[email protected]) no-repeat right 50%;

text-align: right;

}[/code]

[amirrainer 0]

Hi,

white space is gone

but when adding to code for the reply title I get Warning: Invalid argument supplied for foreach() in /home/onlinepr/public_html/events/wp-content/themes/pagelines/includes/less.plugin.php on line 431"

tried adding "#site" before, which didn't help.

your support is great! thanks!

[catrina 103]

What do you mean by adding code to the reply title? Which code are you adding?

[amirrainer 0]

.section-wp-comments.wp-comments-pad h3 {

background: url(http://onlinepresence.co.il/events/amalya-meitiv/wp-content/themes/pagelines/sections/comments/[email protected]) no-repeat right 50%;

text-align: right;

}

}

[catrina 103]

Please remove the the extra bracket at the end of the code (this bracket is unnecessary and it might be breaking your code).

[amirrainer 0]

thanks for your reply. error is gone, but reply title stays on the left.

[batman 389]

Hi amir

Please you can try with

#respond #reply-title {text-align: right;}

[Danny+ 1,327]

Hi Amir,

Try Batman's code, if that doesn't work, I have updated my code above, which should work for you.

[amirrainer 0]

Hi Batman&Danny,

Batman's code works great, only thing left is to align the pin icon to the right as well...

[batman 389]

Hi again, I´m not sure but

You can try with

#respond #reply-title {

    text-align: right;

    margin-left: 600px;}

[amirrainer 0]

Hi, the icon moved, but not enough. tried 1100px, which was almost enough, but it won't move further right when adding more pixels...

thanks very much!

[Danny+ 1,327]

Hi,

Remove the code above suggested by Batman and replace it with this, which should resolve your issue.

#site .section-wp-comments h3 {

background: url(http://onlinepresence.co.il/events/amalya-meitiv/wp-content/themes/pagelines/sections/comments/[email protected]) no-repeat 100% 50%;

}[/CODE]

[amirrainer 0]

replacing the code sends reply-title back to the left..

[Danny+ 1,327]

OK, use the code below:

#site .section-wp-comments h3 {

background: url(http://onlinepresence.co.il/events/amalya-meitiv/wp-content/themes/pagelines/sections/comments/[email protected]) no-repeat 100% 50%;

text-align: right;

}[/CODE]

[amirrainer 0]

Hi,

The icon is still aligned left.

this is the entire code used:

body{}

// Center Branding Image

#site .section-branding .content-pad { padding: 25px 0 0; }

#site .plbrand.mainlogo-link { float: none !important; }

#site .section-branding .mainlogo-img { margin: auto; }

#site .section-branding .icons { display: none; }

#site .section-wp-comments form {text-align: right;}


#site .section-wp-comments h3 {

background: url(http://onlinepresence.co.il/events/amalya-meitiv/wp-content/themes/pagelines/sections/comments/[email protected]) no-repeat 100% 50%;

text-align: right;

}

[Danny+ 1,327]

Hi,

I see the what is the issue here, we were looking at different h3 and images. I was looking at the h3 above comments, whilst you were looking at the h3 "Leave a Reply". Therefore, replace the code you have which I provided previously and replace it with the code below.

#site #reply-title, #site .section-wp-comments h3 {

background: url(http://onlinepresence.co.il/events/amalya-meitiv/wp-content/themes/pagelines/sections/comments/[email protected]) no-repeat 100% 50%;

text-align: right;

background-size: 17px;

padding-right: 25px;

}

[/CODE]

[amirrainer 0]

Brilliant!!! works perfectly.

thanks for the help

[Danny+ 1,327]

The topic was marked as resolved.