• We are setting up a new blog using the Inferno theme. Are you able to advise how to change the background colour of an imported image so that it has a transparent background so that the header colour shows through please? The imported image is being used as the logo.
    Would I change the custom SS in the theme/general theme area or do I change something in the CDs of the editor section?
    http a://www.housesittingtailscyclingtrails.com

    Thanks in advance!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hey there,

    You can achieve that using Adobe’s Photoshop. It has nothing to do with WordPress. Click on this link to know how you can do it.

    Hope it helps.

    Best Regards,
    Suyogya (Themeisle Support)

    Hi.@htct

    Please follow link that is given by “Suyogya Shukla”.

    Thanks.

    Thread Starter htct

    (@htct)

    Thank you for the prompt response.

    I should have mentioned that while we are traveling, we only have access to iPads and I tried earlier to export the image from my photos to somewhere that I could edit it, but I cannot find an option apart from cropping etc. Is this only possible on a PC? If so, we will be visiting a library!

    Also, in Inferno, I would like to change all the orange colour to blue or another colour. I have worked out how to do this through the style editor, but do I need to change every item individually such as header, footer etc. Or is there a way I can change all orange to another colour? Also, how do I know which part of the blog relates to which word in the css editor Ie. I understand a little of the language, but say I wanted to change the large round dot icons on the blog to a different colour, how can I tell what to change in the editor?

    Sorry, I hope this makes sense!

    Hi there,

    While I do not own an iPad, a quick Google search tells me that this app should do the job.

    Yes, I am afraid you’ll have to do that individually since this theme does not supports customizing colors. Below is the code you’ll need to edit for “round dot icons”, it can be found in wl-orange.css

    .enigma_service_area:hover .enigma_service_iocn i {
    	color:#FF7757;
    
    }
    .enigma_service_area:hover .enigma_service_iocn{
    	background-position: 0 -100%;
    	background-color:#ffffff;
    }
    .enigma_service_iocn_2 i{
    	background: #fff;
    	border: 4px solid #FF7757;
    }
    .enigma_service_iocn_2 i{
    	color: #FF7757;
    	background-size: 100% 200%;
    	background-image: linear-gradient(to bottom, #fff 50%, #FF7757 50%);
     }
    .enigma_service_area_2:hover .enigma_service_iocn_2 i{
    	background-position: 0 -100%;
    	color: #ffffff;
    	background-color:#FF7757;
    }

    If you can get access to a windows/mac machine, you will be able to determine the element class through chrome’s inspection tool. Just right click on the element and click on “Inspect”. Under styles, you should be able to find the element’s class.

    Note to @weblizar_support : Please correct the typo, it should be “Icon” not “Iocn”.

    Hope it helps,
    Suyogya (Themeisle Support)

    Thread Starter htct

    (@htct)

    Thanks, I have downloaded the app, but cannot seem to work out how to do it, but I will persevere!
    That’s great re the element class types and for picking out the ’round dot icons’, thank you.
    I am not sure if you know if the Enigma version that you pay for makes all of this a lot easier while I am still learning? ie. I believe it allows you to change colours, just wondering if it facilitates a lot of other functions that may assist in the issues I’m having?

    Hi there,

    As I can see on this link, the premium version of Engima does makes things easier. For instance, you can choose unlimited color skins, something which you have to do manually on the free version.

    Best Regards,
    Suyogya (Themeisle Support)

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change logo background to transparent in Inferno theme’ is closed to new replies.