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)


- (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)

Znanja: CSS, PHP, SVG, WordPress

Več: 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

O delodajalcu:
( 2 mnenja ) Guildford, United Kingdom

ID projekta: #16123529



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 Več

£18 GBP v 1 dnevu
(57 mnenj)

11 freelancerjev ponuja v povprečju za £19 na tem delu

£20 GBP v 1 dnevu
(117 Ocen)

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 Več

£15 GBP v 1 dnevu
(107 Ocen)

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 Več

£20 GBP v 1 dnevu
(89 Ocen)

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 Več

£18 GBP v 1 dnevu
(8 Ocen)

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 Več

£18 GBP v 1 dnevu
(34 Ocen)

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

£18 GBP v 1 dnevu
(29 Ocen)

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 Več

£18 GBP v 1 dnevu
(3 Ocen)

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: Več

£20 GBP v 0 dneh
(5 Ocen)

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 Več

£23 GBP v 1 dnevu
(2 Ocen)
£18 GBP v 1 dnevu
(0 Ocen)