Logo resolution and 'home page' settings in CSS

Illdy
1

Hi All,

I have created a logo (vector EPS) that I can scale any which way I want and maintain perfect resolution.

I export in the ratio of 105×75… But bigger like 210×150… as PNG, or high res JPG etc. Have now gone transparent background PNG, which improves it…

Loads fine. Just looks rubbish. No matter what I do… Transparent has implications for other pages if you vary pages…

Same image looks perfect in the footer ‘copyright’ section. Renders perfect.

Some have asked this in past and no real answer, that is publicly visible. I have tried the available CSS code, and the colorlib plugin too, to no avail.

Will do a subsequent post with the site address, set to private.

Thank you, in advance, for your help!!

//I notice it host in a wp.com… domain… (well dev code renders this, even if hosted locally)
I am preferring to have it load locally. If I open image in new window and compare to original image, its quality has been significantly reduced… ie. I open the rendered image and its well different to the original I uploaded to be used.

QUESTION 2:

So I have gone opposite of default… (black instead of white)
I have to set a home for single page. - works perfectly, as does 99.999% of the theme, and will concede the .001 could very well be me!, but can help others!

so I set:
body {
line-height: 1.6;
background-color: #000;
font-family: “Source Sans Pro”, sans-serif;
font-weight: 400;
font-size: 16.5px;
color: #999;
}

However pages (like home page, created in wordpress, not the about, services, etc) conform in header and font, but not background…

What have I done wrong?

Attached is the black to white showing… Single home page set, at single page. I simply called it “home” to set the site up before final copy and media goes in.

//I will set my URL in a private subsequent post.

///I very much appreciate this FREE theme and its development! It is VERY good :slight_smile: Thank You.

2

insane vehicles

cheers for my stupid question help, i been staring so long it is likely me… sigh.

3

Hi @borngeek,

Give me the website link to check.

Thanks,

Cristian

4

Is in the msg marked private above…

Sorry for delay xmas/NY etc got in way, back at work now.

5

Hi @borngeek,

I saw your website, it looks great, but I could not follow you, what do you want to achieve?

thanks,

Cristian

6

Thanks for the quick reply, and compliment! :slight_smile:
I would like to change all backgrounds to black (see the page I created ‘home’ defaults to the white background of default theme…

Also in woo commerce shop description text is black which doesnt work with black theme so the shop kind of disappears…

The logo being semi unclear - reduces the resolution - is a low priority over getting the rest going so it is read-able on every page.

Aside the shop page thinks it is the news page /see in jumbo tron…

//thanks again for your help!!

7

Hi @borngeek,

Change all backgrounds to black, use this css code:

#about, #static-page-content {    
background: #000;
}

For woocommerce use this css code:

.woocommerce #reviews #comments h2, .woocommerce #reviews h3, .woocommerce .related.products h2, .woocommerce .woocommerce-tabs.wc-tabs-wrapper h2, .woocommerce div.product .product_title, .woocommerce h1.page-title {
color: #fff;
}

Regarding the logo, what you want to achieve? make it smaller?

thanks,

Cristian

8

Very much THANK YOU, Cristian! You set the scene for me to brush up on CSS and achieve everything I needed to, so far! (I am positive I will stumble again, lol)

Re the logo image…
Is a strange one.
I have tried many output resolutions and sizes, have now settled on transparent PNG 300DPI. Is the clearest I can get it. The size I am happy with.

The behaviour I am talking about is when it is rendered, in a browser of any brand, it is of an inferior resolution to the original in media, that I uploaded. So right click save the image off the website and compare to original and its much less of quality.

I have gotten to an acceptable level now, but my graphic designer is a fussy young lady and getting up me (possibly because I made her output it so many times in so many different versions.) - the holes you dig…

Is not a biggie, and you’re doing this support for nothing, so is just something to look at - when you want to.

I will likely contact you for some private (paid) work on it in the future rather than just expect you to give free support constantly! I would like to optimise for mobile (child site) as a start, later.

I really appreciate the support you’ve given, and it has been a great help on a very good theme you have written here!

Cheers! BG

9

Hi @bg,

Thank you for your kind words, I will test the photo, I tested in different environments, it looks great, but I will test again in another browser.

We could speak on skype: cristian_tanase2016 if you want me to help you on customizing the theme.

Best regards,

Cristian