Headerbanner - Style Folder - Prosilver

• Testing.
Post Reply
User avatar
Dan
Site Admin
Posts: 49
Joined: January 9th, 2018, 6:21 am

Headerbanner - Style Folder - Prosilver

Post by Dan » May 15th, 2018, 5:16 pm

Headerbanner - Style Folder - Prosilver

Changes:
Below is a list of changes made.

1 - In overall_header_headerbar_after.html

Changed: style="width:100%;
To style="max-width:100%;
(for responsive)


2 - In headerbanner_background.css

Changed:

Code: Select all

.headerbar {
	background : transparent;
}
To:

Code: Select all

.headerbar {
	padding: 0;
	background: none;
}
(removes the padding when background colour hidden in ACP - so the banner doesn't look smaller than the forum width)


3 - In headerbanner_background.css

Changed:

Code: Select all

.headerbar #site-description {
	display: none !important;
}
To:

Code: Select all

.headerbar .site-description {
	display: none;
}

Changed:

Code: Select all

.headerbar .header-banner {
	text-align: center;
	max-width: 100%;
	max-height: 100%;
}

To:

Code: Select all

.headerbar .header-banner {
	text-align: center;
}

Added:

Code: Select all

.headerbar .header-banner a {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
}
The a because the headerbanner is a link.


Added:

Code: Select all

@media (max-width: 700px) {
.headerbar .header-banner {
	border-radius: 0 !important;
}
}
Because when the screen width is below 700px - prosilver removes the border radius - so a banner width radius set in the acp would have coloured corners.


Added:

Code: Select all

.headerbar .search-box {
	margin-bottom: 10px;
}
Because when the search box is displayed in the bottom centre of the headerbar, it doesn't have any padding below it.


Prosilver Style Folder:
Here is the extension style folder with the edits already done.
Attachments
prosilver.zip
(406.86 KiB) Downloaded 8 times


Custom style designs available at: http://www.stylezbydan.co.uk/

Post Reply