Configuring a Logo

Content Layer

name	Page Info
margin	-40px 0 0 0
background-repeat	no-repeat
background-size	28vw
id	278129461
background-position	14px 0px

Content Column

width	100.00001%
name	Page Body
id	278129463

Content Block

padding

background-color	transparent
0 40px 0px 40px	meta-properties	truefalse
name	Prompt
border-widthid	0494677873
id	494677873
class	tight manual-prompt-flex

Updating

Update

a theme with a logo of your choice.

0 40px 0px 40px

Content Block

padding

name	What you'll accomplish
rich-link-hovers	true	border-width	0
id	1042866408
class	hide-rich-link-imagetight

Every Brikit theme is built with a logo, providing a navigational click option for the user. (Most oftenBy default, this click is set to take the user to the site landing home page.) The Theme Designer panel Designer offers simple options for selection, sizing, and positioning of your chosen logo. Managing Page Elements

Content Block

name	Steps
rich-link-hovers	true	border-width	0
id	494842117
class	steps-block numbered tight-bottom

Select an Image

Click on the magnifying glass to browse to your chosen logoimage for uploading.

HTML Wrap

tag	span
class	product-navigation

Theme Press

Control Panel > Theme tab > Theme Designer >

Designer → Theme Tab → HTML Structure

>

→ Logo → Select

HTML Wrap

class	docs-screenshot

Image Added

Determine Placement

Add values in the Placement fields to position the logo in relation to the header Theme Press Header (both vertically , and horizontally). You can also set margins relative to these positions , to dial in achieve a specific alignment within the header area.

Determine Size

Insert pixel values to adjust the height and width of the logo image.

Logos will be displayed at original dimensions if fields are left blank.
If only one value is entered, Theme Press will adjust the corresponding size accordingly.

HTML Wrap

class	docs-screenshot

Image Modified

Content Block

name	Note
border-width	0
id	495965127	collapsible	collapse

Note

By default, the logo link is set to navigate to the site homepage. (Learn more in Atlassian documentation about designating your site homepage: Configuring the Site Homepage.)
You can also override the logo click target on a space level. See Overriding a Site Logo for more information

Layouts are architect pages, so you'll want to be familiar with architect pages before you start creating new layouts

.

Content Block

name	Tip
border-widthid	0894522670
idcollapsible	894522670	collapse

Tip
Lorem ipsum dolor drinking vinegar godard viral chambray hashtag four loko
Tip
At times, you may want to adjust the click target for the logo, or swap in a new logo, by space. See Related Content below for more info on both.

Content Block

name	Warning	border-width	0
id	894530759
collapsible	collapse

Warning
Layouts are architect pages, so you'll want to be familiar with architect pages before you start creating new layoutsPour-over ullamco fingerstache, green juice gluten-free art party thundercats sed. Sint chartreuse man braid salvia excepteur, trust fund roof party put a bird on it.

Content Block

name	Info	border-width	0
id	894537203
collapsible	collapse

Info
Layouts are architect pages, so you'll want to be familiar with architect pages before you start creating new layoutsLorem ipsum dolor amet est minim poutine, plaid readymade kogi mustache small batch food truck pinterest nisi.

Content Layer

background-color	$lightGrayColor
name	Related
id	888168050

Content Column

width	100%
name	Related
id	888168051

padding

Content Block

0 36px	rich-links-hide-description	true
rich-links-hide-site-name	false
rich-link-hovers	true
rich-links-columns	4
rich-links-vertical	true
rich-links-image-height	100px	background-color	transparent
rich-links-hide-site-icon	true
rich-links-details-padding	10px
name	Related Title
rich-links-enable	true
border-width	0
rich-links-details-alignment	left
rich-links-margin	20px 30px 0 0
id	496234544
class	related-block clean

Page tree

Transform Your Digital Workplace

Industry Expertise

Inform Your Strategic Direction

Redefining Work

Documentation and Support

Versions Compared

Old Version 162

New Version Current

Key

Select an Image

Determine Placement

Determine Size

Platform

Company

Support

Brikit Services

Page tree

Transform Your Digital Workplace

Industry Expertise

Inform Your Strategic Direction

Redefining Work

Documentation and Support

Versions Compared

Old Version 162

New Version Current

Key

Select an Image

Determine Placement

Determine Size

Related

Platform

Company

Support

Brikit Services