rtl + colors

  • tal23

    (@tal23)


    9 years, 6 months ago

    hey guys.
    I would like to know which cosume css commands should I add in order to change the
    header backround color, manue backround color + buttuns color, and the section a little bit above the footer (navie blue on my website)

    Also, I need my whole website to be right to left instead of left to right. How do i make it happen?

    Lastly, I tried to creat a “contact us” form with contact form 7 and it’s not working.
    Is there anything simplier?

    website address: http://www.emunamizug.co.il

    thank you very much in advance for your kind help,
    Tal

    • This topic was modified 9 years, 6 months ago by tal23.
Viewing 5 replies - 1 through 5 (of 5 total)
  • weblizar_support

    (@weblizar_support)

    9 years, 6 months ago

    Hello

    Please go to Admin Dashboard >> Appearance >> Customize >> Theme Options >> Theme general Options.

    Now, copy below code and paste into Custom CSS.

    For header background color-

    .header_section {
    background-color: #3c763d !important;
}

    For menu background color-

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #3c763d !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #3c763d !important;
}
.dropdown-menu {
    background-color:  #3c763d !important;
}

    for the section a little bit above the footer-

    .enigma_footer_area {
    background: #3c763d !important;
}

    which buttons color you want to change?? please give the screenshot of them.

    For the website to be right to left- install RTL tester plugin then activate it. After activation of this plugin, you will show Switch to RTL on top of your dashboard. click it and your site will turn to RTL.

    Thanks.

    weblizar_support

    (@weblizar_support)

    9 years, 6 months ago

    if you have issue in contact form 7 plugin. you can contact plugin author

    Thread Starter tal23

    (@tal23)

    9 years, 6 months ago

    For some reason i didn’t get the notification that you answered back.
    anyway, will try it soon enough. thank you guys – you are the best. your help is not taking for granted.

    Thread Starter tal23

    (@tal23)

    9 years, 6 months ago

    https://s18.postimg.org/kny03gh1l/image.jpg

    https://s18.postimg.org/4qz86qond/image.jpg

    So, these are the print screens. I circled the parts where I want to change the colors.

    1. This is the section above the footer. The code you gave me changed the color of the actual footer.
    2. This is the manu backround which i also want to change from white to somthing else.
    3+4. how do i change each color seperatly? Is there a different code for each one?
    5. I want the header to be like this with white backround. The bad thing about it is that you can’t see the social icons properly. Can i make the somhow be there constantly withous the hovering idea? Facbook – blue, youtube – Red.

    thank you!

    • This reply was modified 9 years, 6 months ago by tal23.
    • This reply was modified 9 years, 6 months ago by tal23.
    • This reply was modified 9 years, 6 months ago by tal23.
    weblizar_support

    (@weblizar_support)

    9 years, 6 months ago

    hii

    go to Admin Dashboard >> Appearance >> Customize >> Theme Options >> Theme general Options.

    Now, copy all below code and paste into Custom CSS.

    1. For footer color –

    .enigma_footer_widget_area {
    background: #428bca !important;
}

    2. For menu background –

    .navigation_menu {
    background-color: #999999 !important;
}

    3+4. For menu color –

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .dropdown-menu .active a{
 background-color: #3c763d !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #3c763d !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #3c763d !important;
}
.dropdown-menu {
    background-color:  #3c763d !important;
}

    and remove CSS given in below image from emunamizug.co.il on line No. 408 and 442

    image

    5. For Social icon issue –

    .social i.fa.fa-facebook {
    color: blue !important;
}
.social i.fa.fa-youtube {
    color: red !important;
}

    Let us know for more query.

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

The topic ‘rtl + colors’ is closed to new replies.