Suoritettu

Code (CSS, PHP?) to embed colourchanging SVG logo on Wordpress website with OnePress theme

I want to embed a company logo as SVG (attached) into a Wordpress website next to the existing title and subtitle (logo position marked as "XX" in attached "screenshot"). The website uses the FameThemes OnePress theme. The website uses a transparent header section (with a blue background picture from the "hero" section) which changes to a white background when scrolling down, so the logo should change from black to yellow/orange (#dd9933).

I suspect it will be necessary to make some amendments to the SVG file (e.g. bounding box etc) as well as some implement some custom CSS to enable the colour change. Ideally, no theme customisations are required. If possible, there would be a fall back to a PNG file for none-SVG supporting browsers, however as tidy fallback to a website with no logo is fine (and potentially preferable if it requires less custom code).

I can provide the Customizer export file (see plugins below and attachment), which would allow you to reproduce the setup (Wordpress+OnePress theme+theme customisation) locally/on test website. I will not provide access to production website. I would consider creating a copy of the production website, but I would suspect this is not necessary to work out what changes are required to SVG logo file, custom CSS and potentially theme files.

Please, note that I maintain this website in my spare time/evenings. So, I might not immediately respond to messages. So, please do not expect to have a super responsive client/super quick turnaround project. I should be able to respond to all queries within 12-24h and if some testing etc is required I should be able to do this within 24-36h.

Please, let me know how much work you expect this to be (hours) and how much testing/many iterations might be required between your proposed solution and me applying it.

Site setup:

- Wordpress 4.9.2–de_DE

- Theme: FameThemes OnePress 2.0.2 (used as child of a very basic parent theme shell to allow overriding one of the footer text functions - this will have no impact on the task at hand)

- Plug-ins (all latest version): SVG Support(!), plus others which shouldn't have an impact on the task (WP Super Cache, WordPress HTTPS, Custom Meta Widget, Open XML Sitemaps, WP MEta SEO, WP Statistices, Customizer Export/Import, Contact Form 7, Contact Form 7 Controls, Flamingo, WP Maintenance Mode)

Outputs:

- (if required) edited SVG file with an explanation of what changes needed to be made

- CSS code for accurate logo placement and enabling colour change of logo and explanation where to add this/how to apply (OnePress theme already allows for custom CSS via the Customizer. IF this isn't sufficient, we can consider the use of a plug-in like "Simple Custom CSS and JS" or "WP Add Custom CSS".)

- (if required) code for theme files (NB: these should be minimal, so that these can be applied to the main theme while the child theme can be continued to be updated)

Taidot: CSS, PHP, SVG, WordPress

Näytä lisää: html css ,php,jquery,javascript,bootstrap,joomla.wordpress, simple css php wordpress, need code insert php near comments area wordpress, wordpress css php, code css wordpress pixel, wordpress xxx theme, wordpress default theme logo, oscommerce ecommerce shopping cart cms wordpress joomla magento html website design css php seo drupal, oscommerce ecommerce shopping cart cms wordpress joomla magento html website design css php seo, menu wordpress css php, css php code tables, convert html website wordpress theme service, adding company logo wordpress thesis theme, use existing css wordpress theme, wordpress theme logo, gaming website wordpress theme, tabs css php wordpress, wordpress theme logo header, static website wordpress using theme, wordpress theme logo design, wordpress theme logo simple, convert existing website wordpress theme, christian wordpress css php, convert website wordpress theme, change header logo wordpress default theme

Tietoa työnantajasta:
( 2 arvostelua ) Guildford, United Kingdom

Projektin tunnus: #16123529

Myönnetty käyttäjälle:

elliotwebdesign

Client: Estimated cost for task requested would be $18. Delivery within a day. Feel free to contact me for further info or to discuss the project. Other than my freelancer experience I have about 400 jobs on U Lisää

£18 GBP 1 päivässä
(43 Arvostelua)
5.3

14 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön

chaudhary8237

I am IMMIDIATELY AVAILABLE FOR THIS WORK ! I am a Professional Web developer for last 3 years and having a lot of experience in CMS,PHP,HTML,HTML5,MySql and build many website for new upstart companies as well as for Lisää

£20 GBP 1 päivässä
(80 arvostelua)
5.5
£20 GBP 1 päivässä
(85 arvostelua)
5.7
ghanshyamsain

Hi mate, I’ve gone through your requirements what exactly you want for your work defiantly we will fulfil your requirements within your budget & time duration. We are providing these services are:- PHP/Word pre Lisää

£15 GBP 1 päivässä
(38 arvostelua)
5.0
olasheni

Greetings! My name is Olasheni and I am web developer. I would love to have the opportunity to work for you as a Web Developer, I have an experience of over 6 years dealing with websites frontends and backends with lat Lisää

£18 GBP 1 päivässä
(12 arvostelua)
3.5
shahidabro8

PHP, HTML5, CSS3, WordPress, Shopify Bootstrap, E-Commerce, CodeIgniter, Website Design, Woo make a good first impression to the

£18 GBP 1 päivässä
(19 arvostelua)
3.2
talhaghaffar92

Hi There, I have reviewed your requirements for your preconceived project and understood it. This is a new ID so please dont analyze us on our reviews here on freelancer because we have experience in this domain a Lisää

£18 GBP 1 päivässä
(2 arvostelua)
2.7
multishapes

Hi I am very excited to start work with you on your project. I believe in my quality of work. I am expert in Photoshop, illustrator and CorelDraw. CSS, PHP, SVG, WordPress Please check my Unique & Creative work: Lisää

£20 GBP 0 päivässä
(3 arvostelua)
2.3
abhisheklamba

Hello, Greetings ! Hope you are doing Great. My name is Abhishek and I have 5+ year developing experience website development in WordPress and Php. I can develop plugin, modify plugins and also integrate them Lisää

£18 GBP 1 päivässä
(2 arvostelua)
2.0
Soloutiontech

i am expert is many work,Web Development,Logo Design,woldpress,Graphic Design,HTML,CSS,PHP,Ms Offics

£18 GBP 1 päivässä
(2 arvostelua)
1.2
praveendodke

Hello, Greetings from Technofriend IT! We have a team of dedicated and highly experienced developer/designer, We will assign you full time dedicated experts who will work on your requirements. Few of m Lisää

£23 GBP 1 päivässä
(2 arvostelua)
1.3
CodeyoDevHouse

We have carefully read your job description, and Our Web Developer can complete your Job Under your Budget and Time, We are confident we can complete your job very well. wanna see our work kindly visit our company web Lisää

£18 GBP 1 päivässä
(0 arvostelua)
0.0
£18 GBP 1 päivässä
(0 arvostelua)
0.0
ranirena955

Wordpress, PHP, Bootstrap Framework Designer Website and Graphics Designer with expert in WordPress for Product & Service based We have excellent team with 3+ years experience in Web Design, Web Development & M Lisää

£18 GBP 1 päivässä
(1 arvostelu)
0.0