Configuring a Logo

Content Layer

name	Page Info	margin	-40px 0 0 0
id	278129461

Content Column

width	15.0%
id	888141980

Content Block

padding	10px 0
name	Product Name
border-width	0
id	528501291
class	no-title-label-select

Status

title	theme press

Status

title	targeted search

Label Select Field

filter-group	Products

id
100.00001%
name	Page Body

Content Column

width	85.0%
id	278129463

Content Block

padding	0 40px 10px 40px
name	Title
border-width	0
id	916905673

Page Title

background-color	transparent
meta-properties	false

Content Block

padding	0 40px 0px 40px
name	Prompt
border-widthid	0494677873
id	494677873
class	tight manual-prompt-flex

Updating

Update

a theme with a logo of your choice.

padding

Content Block

0 40px 0px 40px	name	What you'll accomplish
rich-link-hovers	true
border-widthid	01042866408
idclass	1042866408tight

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

STEPS

Content Block

name	Steps
borderrich-link-widthhovers	0true
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

→ 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

collapsible

name	Note
border-width	0
id	495965127	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 106

New Version Current

Key

Page Title

Select an Image

Determine

Placement

Determine Size

Discover Related Content

Platform

Company

Support

Brikit Services