Fix CSS to display tax toggle correctly - 26/04/2018 07:28 EDT
$10-30 USD
Ukończony
Opublikowano prawie 6 lat temu
$10-30 USD
Płatne przy odbiorze
We have a WordPress/WooCommerce site and we use this plugin: [login to view URL]
The plugin allows our customers to toggle between prices that have included VAT and excluded VAT.
I have come as far as I can with my limited CSS knowledge but now I need a professional to fix the rest.
As you can see in the attached image, the tax toggle is located on the left in the topbar. It should be located to the right in the topbar, where LOGOUT currently sits. LOGOUT should be moved to the left of the TAX toggle and have sufficient space between them.
Also, the toggle itself doesn't look very nice. It should use up the entire height of the topbar and the two buttons ("exkl. moms" and "inkl. moms") should both have the same height. When switching between the two options, the background color of both of them should change respectively.
All this must be achieved using CSS. We use a WordPress plugin called Simple Custom CSS and JS where we can add CSS directly in the Admin panel. This is the CSS code we currently use to achieve what you see in the attached image:
/* STYLE TAX TOGGLE */
/*.topnav-item {
margin-right: 300px!important;
}*/
/*#mycartbtn {
margin-right: 0px!important;
}*/
#wcvat-toggle::before {
display: none;
}
#wcvat-toggle {
margin-right: 0px;
padding-left: 5px;
color: #FFFFFF;
background-color: #66cc33;
font-family: "Open Sans";
font-size: 13px;
margin-right: 5px;
}
#[login to view URL] {
padding-left: 5px;
color: #FFFFFF;
background-color: #999999;
font-family: "Open Sans";
font-size: 13px;
margin-right: 5px;
}
#wcvat-toggle:after {
margin-top: 0px;
padding-left: 5px;
padding-right: 5px;
background-color: #999999;
color: #FFFFFF;
font-family: "Open Sans";
font-size: 13px;
content: "inkl. moms";
}
#[login to view URL]:after {
min-height: 100%;
padding-left: 5px;
padding-right: 5px;
background-color: #66cc33;
color: #FFFFFF;
font-family: "Open Sans";
font-size: 13px;
content: "inkl. moms";
}
/* END TAX TOGGLE STYLING */
.product-tax {
font-size: 12px!important;
font-weight: 200;
}
.woocommerce-Price-amount {
font-size: 18px!important;
font-weight: 600;
}
NOTE!!!! This job needs to be completed fast. Unless you can start working on it and complete it within 30- 60 minutes, please don't bid on this project.
Thanks in advance.
Identyfikator projektu: 16786433
Informację o projekcie
18 ofert
Zdalny projekt
Aktywny 6 lat temu
Szukasz sposobu na zarobienie pieniędzy?
Korzyści ze składania ofert na Freelancer.com
Ustal budżet i ramy czasowe
Otrzymuj wynagrodzenie za swoją pracę
Przedstaw swoją propozycję
Rejestracja i składanie ofert jest bezpłatne
5,2
5,2
18 freelancerzy składają oferty o średniej wysokości $26 USD dla tej pracy
8,0
8,0
7,0
7,0
6,6
6,6
6,4
6,4
5,0
5,0
3,8
3,8
2,9
2,9
2,3
2,3
O kliencie
Hägersten, Sweden
11
Zweryfikowana metoda płatności
Członek od sty 28, 2009
Weryfikacja Klienta
Inne pracę od tego klienta
$30-250 USD
$30-250 USD
$10-30 USD
€8-30 EUR
$10-30 USD
Podobne prace
₹37500-75000 INR
$253 USD
$15-25 USD / hour
₹1200 INR
$250-750 USD
$30-250 AUD
₹100-400 INR / hour
$10 AUD
$10-30 USD
$10-30 USD
€6-12 EUR / hour
$250-750 USD
$30-250 AUD
₹600-1500 INR
$250-750 USD
$15-25 AUD / hour
₹1500-12500 INR
₹600-1500 INR
$25-50 USD / hour
₹12500-37500 INR
Dziękujemy! Przesłaliśmy Ci e-mailem link do odebrania darmowego bonusu.
Coś poszło nie tak podczas wysyłania wiadomości e-mail. Proszę spróbować ponownie.
Nie udało się skopiować do schowka. Proszę, spróbować ponownie po dostosowaniu uprawnień.
Skopiowane do schowka.
Wczytywanie podglądu
Udzielono pozwolenia na Geolokalizację.
Twoja sesja logowania wygasła i zostałeś wylogowany. Proszę, zalogować się ponownie.