Skip to content

Instantly share code, notes, and snippets.

@nekofar
Last active June 2, 2019 17:45
Show Gist options
  • Save nekofar/ab5a466f1e505c8dfb5e76f255a0ff78 to your computer and use it in GitHub Desktop.
Save nekofar/ab5a466f1e505c8dfb5e76f255a0ff78 to your computer and use it in GitHub Desktop.
Fix some styles issues on RTL languages of Enfold theme
.rtl #avia_options_page .avia_sidebar_active .avia_options_page_content {
border-left: none;
left: auto;
border-right: 1px solid #e1e1e1;
right: -1px;
}
.rtl #avia_options_page .avia_sidebar_active .avia_options_page_sidebar {
border-right: none;
border-left: 1px solid #e5e5e5;
float: right;
}
.rtl .avia_header .avia_loading {
left: 33px;
right: auto;
}
.rtl .avia_header .avia_style_wrap {
left: 20px;
right: auto;
}
.rtl #avia_options_page .avia_page_title {
padding: 0 30px 0 0;
background-position: right;
}
.rtl #wpwrap #wpcontent .avia_tab_container .tab-title-container {
left: auto;
right: -1px;
}
.rtl #wpwrap #wpcontent .avia_tab_container .tab-title-container a {
float: right;
margin-right: 0;
margin-left: 1px;
}
.rtl #wpwrap #avia_options_page .avia_section.av_2columns .avia_colorpicker_style_wrap {
direction: ltr;
}
.rtl .av-wizard-element-container {
left: auto;
right: -20px;
}
.rtl #avia_options_page .av-wizard-subcontainer {
float: right;
}
.rtl .avia_clone_set, .avia_remove_set, .avia_remove_wizard_set {
left: auto;
right: 0;
border-right: none;
border-left: 1px solid #E2EAED;
}
.rtl .avia_sidebar_active .avia_control {
float: right;
}
.rtl #avia_options_page .avia_sidebar_active .avia_checkbox .avia_description {
padding-right: 0;
left: auto;
right: -10px;
}
.rtl .avia_sidebar_active .avia_description {
float: left;
}
.rtl #avia_options_page .avia_sidebar_active .avia_description {
padding-left: 0;
padding-right: 30px;
}
.rtl #avia_options_page .avia_import > h4 {
left: auto;
right: -20px;
}
.rtl .av_header_block_1 {
float: right;
}
.rtl .live-socket_color a {
left: 13px;
right: auto;
}
.rtl .avia_remove_set, .avia_remove_wizard_set {
/*right: auto;*/
/*left: 0;*/
}
.rtl #wpwrap .avia_section.av_2columns .avia_description {
padding-right: 0;
}
.rtl #wpwrap .avia_style_wrap .avia_select_unify {
background-position: left center;
}
.rtl #wpwrap .avia_style_wrap select {
background-position: center left;
padding: 0 10px 0 45px;
}
.rtl .avia_sidebar_active .avia_shop_option_link {
left: auto;
right: 19px;
text-align: right;
}
.rtl .avia_shop_option_link {
left: auto;
right: -24px;
}
.rtl #avia_options_page .avia_section {
float: right;
}
.rtl .avia_description {
float: left;
}
.rtl .avia_control {
float: right;
}
.rtl .av-plugin-check-wrap {
float: right;
margin-right: 0;
margin-left: 2%;
}
.rtl #wpwrap .avia_upload_style_wrap .avia_button, #wpwrap .avia_styling_wizard .avia_button {
float: left;
}
/* Fix social networks postion on rtl languages */
#top.rtl nav .social_bookmarks {
right: auto;
left: 0;
float: right;
}
/* Fix menu position on rtl languages*/
#top.rtl .av-main-nav-wrap {
float: right;
}
/* Fix progress bar numbers position */
#top.rtl .progressbar-percent {
float: left;
}
/* Fix font of inputs in rtl languages */
#top.rtl .input-text,
#top.rtl input[type="text"],
#top.rtl input[type="input"],
#top.rtl input[type="password"],
#top.rtl input[type="email"],
#top.rtl input[type="number"],
#top.rtl input[type="url"],
#top.rtl input[type="tel"],
#top.rtl input[type="search"],
#top.rtl textarea,
#top.rtl select {
font: inheirt;
font-family: inheirt;
}
/* Fix logo position in rtl language in mobile */
@media only screen and (max-width: 767px) {
.responsive #top.rtl #wrap_all .main_menu {
left: 0;
right: auto;
}
#top.rtl .avia-menu.av_menu_icon_beside {
margin-left: 0;
padding-left: 0;
margin-right: 0;
padding-right: 0;
}
}
/* Fix hamburger menu position */
#top.rtl .av-small-burger-icon {
transform-origin: left;
}
/* Fix extra border menu on rtl languages */
@media only screen and (max-width: 479px) {
.responsive #top.rtl .avia-menu.av_menu_icon_beside {
border: none;
}
}
/* Fix issue related to text direction on syntax highlighter */
#top.rtl .EnlighterJSRAW, #top.rtl .EnlighterJSWrapper {
direction: ltr;
text-align: left;
}
/* Fix pre tags direction on rtl languages */
#top.rtl pre {
direction: ltr;
text-align: left;
}
/* Fix js player container text direction and alignment */
#top.rtl .mejs-container {
direction: ltr;
text-align: left;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment