Customise CSS
- or -
Post a project like this2595
$$
- Posted:
- Proposals: 14
- Remote
- #1473522
- Completed
SEO Specialist, Web Developer, Web Host, Project Manager, Social Media Consultant
Sheffield
PHP | Laravel | ReactJs | WordPress | VueJS | iOS | Android | JavaScript | Content Writing
Islamabad
14668765545860524063054887971293448298294112322571414165141594315214281534013
Description
Experience Level: Intermediate
Thanks everyone for your proposals for my initial post below. Apologies for the delay in getting back to you.
Here is a detailed breakdown of the work involved for you to give further quotes - I will then give the go ahead later today.
Essentially, keeping the white background but bring everything into line with the existing branding on the site
Title font to be ‘Play' #666666
Body font to Open Sans #666666
Left hand navigation to become:
grey background (#d8d8d8 )
grey #666666 uppercase text, Play,
replace dotted line with solid white line 1px
increase font size to 16px
View basket button becomes orange #f47929, upper case
Category/Product boxes
Remove border
Category names:
Remove black background, text becomes grey (#666666 ), uppercase, Play, active/hover state becomes orange #f47929
font-size: 24px
Add border to div#kb-app, grey (#d8d8d8), 1px
Customise design section
Remove border,
.kb-preview-design-name - remove black background, text becomes grey #666666
both buttons at the top become grey text #666666, no background, orange #f47929 on hover/active
div.kb-customise-edit-panel - keep grey border
ul.kb-wizard-breadcrumbs - Opens Sans, grey #666666
.kb-wizard-group-header - grey background, Play font, uppercase
Next button becomes orange background (#f47929) uppercase, 16px
FINAL KIT
.kb-final-category-header-wrapper - grey background #d8d8d8, center align all content
h2.kb-final-cta-header.ng-binding - 18px, grey #666
a.ng-binding - increase font size to 14px
a.kb-final-button.ng-scope.ng-binding - grey background #d8d8d8
And then the relevant form fields from the email/share links to become dark grey, open sans text, size can stay the same, buttons become orange #f47929
Hope that all makes sense.
Emily
____________________________________
Hi
Would you be interested in working on some CSS? Essentially it's customising the CSS on http://www.piranhasports.co.uk/index.php/rugby/rugby-kit-designer/#/catalogue/rugby
to look a bit more like http://www.silverbacksport.co.uk/kit-builder. (remove boxes, backgrounds and look less generic)
The Kitbuilder runs from a different system but the CSS updates are just through a child theme on wordpress
Let me know if you're interested.
Thanks
Emily
Here is a detailed breakdown of the work involved for you to give further quotes - I will then give the go ahead later today.
Essentially, keeping the white background but bring everything into line with the existing branding on the site
Title font to be ‘Play' #666666
Body font to Open Sans #666666
Left hand navigation to become:
grey background (#d8d8d8 )
grey #666666 uppercase text, Play,
replace dotted line with solid white line 1px
increase font size to 16px
View basket button becomes orange #f47929, upper case
Category/Product boxes
Remove border
Category names:
Remove black background, text becomes grey (#666666 ), uppercase, Play, active/hover state becomes orange #f47929
font-size: 24px
Add border to div#kb-app, grey (#d8d8d8), 1px
Customise design section
Remove border,
.kb-preview-design-name - remove black background, text becomes grey #666666
both buttons at the top become grey text #666666, no background, orange #f47929 on hover/active
div.kb-customise-edit-panel - keep grey border
ul.kb-wizard-breadcrumbs - Opens Sans, grey #666666
.kb-wizard-group-header - grey background, Play font, uppercase
Next button becomes orange background (#f47929) uppercase, 16px
FINAL KIT
.kb-final-category-header-wrapper - grey background #d8d8d8, center align all content
h2.kb-final-cta-header.ng-binding - 18px, grey #666
a.ng-binding - increase font size to 14px
a.kb-final-button.ng-scope.ng-binding - grey background #d8d8d8
And then the relevant form fields from the email/share links to become dark grey, open sans text, size can stay the same, buttons become orange #f47929
Hope that all makes sense.
Emily
____________________________________
Hi
Would you be interested in working on some CSS? Essentially it's customising the CSS on http://www.piranhasports.co.uk/index.php/rugby/rugby-kit-designer/#/catalogue/rugby
to look a bit more like http://www.silverbacksport.co.uk/kit-builder. (remove boxes, backgrounds and look less generic)
The Kitbuilder runs from a different system but the CSS updates are just through a child theme on wordpress
Let me know if you're interested.
Thanks
Emily
Emily H.
99% (18)Projects Completed
10
Freelancers worked with
5
Projects awarded
91%
Last project
1 Mar 2021
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Hi.Emily.
Do you want to change background-color? -
Hi Emily
Do you want the compete site background to be converted to black too?
340904338538
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies