Modifying Header-Logo on Homepage Slider
Permalink Browser Info Environment
Hey there! I absolutely LOVE your theme.
I had a question:
What files do I need to modify in order to:
A) Hide the header logo from the main banner on a homepage
B) Change the size of the header logo on the main banner on the homepage
Specifically, my client has requested a larger logo on the homepage. I'd like to hide it from the slider and place a big one lower OR make it bigger on the slider for the home page.
I had a question:
What files do I need to modify in order to:
A) Hide the header logo from the main banner on a homepage
B) Change the size of the header logo on the main banner on the homepage
Specifically, my client has requested a larger logo on the homepage. I'd like to hide it from the slider and place a big one lower OR make it bigger on the slider for the home page.
Type: | Pre-Sale |
---|---|
Status: | In Progress |
Hi!
I love this theme and wanted to play with the logo too. I tried using:
Under Custom CSS to increase the size of the logo on the front page, but it ignored me.
Adding the image tag did the job though:
Depending on the size you make the logo, you may have to shimmy the search box down a bit too (which you can do under the same @media section, and it's usually set at 43%):
I know this was posted a while ago, but might help someone still. ;)
Jen
I love this theme and wanted to play with the logo too. I tried using:
@media (min-width: 768px) { .front-page .header-logo { width: 200px !important; } }
Under Custom CSS to increase the size of the logo on the front page, but it ignored me.
Adding the image tag did the job though:
@media (min-width: 768px) { .front-page .header-logo img { width: 200px !important; } }
Depending on the size you make the logo, you may have to shimmy the search box down a bit too (which you can do under the same @media section, and it's usually set at 43%):
.front-page .header-search { bottom:40% !important; }
I know this was posted a while ago, but might help someone still. ;)
Jen
Please overwright a style sheet using custom CSS.
Click a Gear icon to Page Settings > Design > Theme Castomize > Custom CSS.
Please add the following cord.
Click Save Changes and This page button.
Hide the header logo:
Change the size of the header logo:
If I want to hide a search block, add the following cord.
See below.
http://documentation.concrete5.org/editors/in-page-editing/the-tool...
Thanks.