Menu title not aligned correctly when using RTL

yonishobby
Inactive member
Topic Author
Member

11 years 5 months ago #30964 by yonishobby

Menu title not aligned correctly when using RTL was created by yonishobby

Hi,

I'm using the HOT Wellness in a RTL site and looking for a way to align the menu titles.
You can see the problem in the following link:
new.tissan.co.il

The titles covers small part of the content.

Also, just noticed that the breadcrumbs aligned to the left instead of right.

Thanks,
Yoni

Please Log in to join the conversation.

milos
Support Staff
Moderator

11 years 5 months ago #30966 by milos

Replied by milos on topic Menu title not aligned correctly when using RTL

Hi Yoni,

Please add this in file rtl.css of the template:

Code:

.column_left div.moduletable h3, .column_right div.moduletable h3, .column_left div.moduletable-style2 h3, .column_right div.moduletable-style2 h3, .column_left div.moduletable-style3 h3, .column_right div.moduletable-style3 h3 {
padding: 25px 30px 0 0;
left: 10px;
}

Thanks
Milos

The following user(s) said Thank You: yonishobby

Please Log in to join the conversation.

yonishobby
Inactive member
Topic Author
Member

11 years 5 months ago - 11 years 5 months ago #30984 by yonishobby

Replied by yonishobby on topic Menu title not aligned correctly when using RTL

Thanks, it helped. One small issue, I can set the parabolic frame location but the text inside is always on the left side.

How can I set it location to the right?

This is my current code:
.column_left div.moduletable h3, .column_right div.moduletable h3, .column_left div.moduletable-style2 h3, .column_right div.moduletable-style2 h3, .column_left div.moduletable-style3 h3, .column_right div.moduletable-style3 h3 {
padding: 25px -10px 0 0;
left: 40px;
}

Last edit: 11 years 5 months ago by yonishobby. Reason: Adding code

Please Log in to join the conversation.

milos
Support Staff
Moderator

11 years 5 months ago #30988 by milos

Replied by milos on topic Menu title not aligned correctly when using RTL

The link you gave me doesn't show Wellness template anymore. Please check.

Please Log in to join the conversation.

yonishobby
Inactive member
Topic Author
Member

11 years 5 months ago #30992 by yonishobby

Replied by yonishobby on topic Menu title not aligned correctly when using RTL

Yes, I switched to the new template. Please take a look into this one:
www.tissan.co.il

Do you have an idea for the breadcrumbs alignment?

Thanks

Please Log in to join the conversation.

milos
Support Staff
Moderator

11 years 5 months ago #30995 by milos

Replied by milos on topic Menu title not aligned correctly when using RTL

Please edit file template_css.css and around line find this part and change text-align parameter:

Code:

.column_left div.moduletable h3, .column_right div.moduletable h3, .column_left div.moduletable-style2 h3, .column_right div.moduletable-style2 h3, .column_left div.moduletable-style3 h3, .column_right div.moduletable-style3 h3 {
margin: -10px -10px 0 -10px;
padding: 25px 0 0 30px;
font-weight: normal;
text-align: left;
font-size: 20px;
line-height: 20px;
font-family: "VAG Rounded Std Light", Arial, Helvetica, sans-serif;
position: relative;
left: -10px;
top: -10px;
width: 253px;
height: 39px;
}

Unfortunately, because of the specific design, the breadcrubms can't be aligned to the right.

Thanks
Milos

The following user(s) said Thank You: yonishobby

Please Log in to join the conversation.

Time to create page: 0.159 seconds