Custom CSS for Banner and other tabs of theme
-
Hi,
I’m using the “port” theme. A few questions:
a) For banner text: how to make it stand-out more prominently (brighter, bolder…) compared to image on banner.. ?
b) Logo: Contrasting with background when screen scrolls up. dark-blue on black seems ugly. Suggestions ?
c) Under “recent posts” area: How to remove/disable display of “view all” and “read more”. All the text is on the front page so “read more” is not required.
Thanks.
The blog I need help with is: (visible only to logged in users)
-
Hi cloudflow2015,
Try this out and see what you think.
#home-banner #banner-text .main h2 { font-weight: 900; text-shadow: 3px 3px black; } #home-posts .small .moreLink { display: none; }I’m not sure I see a “dark-blue on black” as you describe, but I think what I’m seeing looks pretty good to me.
-
Thanks. Tried it out.
Looks better than before. However, is it possible to make it bigger (bigger font ? ). Will probably look better.
Thanks.
-
I bumped the font-size from 3.5em to 4.5em.
#home-banner #banner-text .main h2 { font-weight: 900; text-shadow: 3px 3px #000 font-size: 4.5em; } -
Thanks again. Looks good.
How about CSS command to remove the “view all” tab from “recent posts” section of front page ? Again, all content is already displayed on the page, so the tab is redundant/misleading.
Btw, item b has been resolved.
Thanks.
-
Doh! I did it earlier but forgot to include it. Apologies.
#home-posts .small .moreLink, .home-section .viewAll { display: none } -
Thanks daschultemn.
Couple more possibly final ones:
a) CSS command to remove date from underneath the columns in same section ? add “.date” to above list ?
b) size of the logo can be turned down a bit ? seems a bit large on my MAC.
Thanks.
-
Here you go. Adjust the max-height to something that you like — I dropped it down from 100px.
#home-posts .small .moreLink, .home-section .viewAll, #home-posts .small .meta { display: none } #logo img { max-height: 90px; } -
Wow!! Thanks! Looks much better!
winding down to finer details :)
a) How to increase font of the Title items under images in recent posts section ?
b) html: how to add true email address/url behind an email address e.g for the email-id currently in the footer.
Thanks.
-
Good deal!
#content h2 a { font-size: 26px; }<a href="mailto:yourawesomeaddress">yourawesomeaddress</a> -
Awesome!
I’m done for now! Will get feedback from the team on Monday and circle back with any more fine tuning questions.
Many thanks for the super-fast responses! Have a great weekend.
-
-
Oops, spoke “the end” too early :-) sorry.
One more:
a) how to reduce font size and make it italic for title on the “testimonial” section ?
Thanks.
-
#content h2 a { font-size: 22px; font-style: italic; }Did you decide to skip the email address mailto: addition?
-
Ah, done with email one now.
content “h2 a” is title items under recent posts. How about for title font size and italic for “testimonial” ?
Thanks.
-
-
-
-
- The topic ‘Custom CSS for Banner and other tabs of theme’ is closed to new replies.