Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Content Layer
namePage Info
id278129461
Content Column
width15100.0%
id888141980
Content Block
nameProduct Name
border-width0
id528501291

HTML Wrap
aligntop left

Status
titletheme press

Content Column
width85.0%
id278129463
00001%
namePage Body
id278129463
Content Block
background-colortransparent
meta-propertiesfalse
Content Block
padding0 40px
namePrompt
border-widthid0494677873
id916905673
classtight manual-prompt-flex

Updating a theme with a logo of your choice

Make a theme your own with your logo branding

.

Content Block
padding0 40px
nameWhat you'll accomplish
borderrich-link-widthhovers0true
id1042866408
class494677873tight

Every Brikit theme is built with a logo, providing a navigational click option for the user. (By default, this click is set to take the user to the site home page.) The Theme Designer offers simple options for selection, sizing, and positioning of your chosen logoWhen none of the existing layout options meet your content display needs, you can create your own layout.

padding
Content Block
0 40pxnameSteps
borderrich-link-widthhovers0true
id494842117
classsteps-block numbered tight-bottom

Select an Image

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


HTML Wrap
tagspan
classproduct-navigation

Theme Press Designer → Theme Tab → HTML Structure → Logo → Select

HTML Wrap
classdocs-screenshot

Image Added

Determine Placement

Add values in the Placement fields to

To change the logo for your theme

Theme Press Control Panel > Theme tab > Theme Designer > HTML Structure > Logo

Select > Magnifying Glass

Placement and Size

You determine the placement and size of the logo. For placement, you 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 achieve a specific alignment within the header area.

Determine Size

Insert pixel values to adjust You can set the height and width of the logo . If you leave these fields blank, Theme Press shows the image with its original dimensions. If you enter only one valueimage.

  • Logos will be displayed at original dimensions if fields are left blank.
  • If only one value is entered, Theme Press will adjust the
other
  • corresponding size accordingly.
HTML Wrap
classdocs-screenshot

Image Added

Content Block
border-width
nameNote0
id495965127
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
nameTip
border-width0
id894522670
collapsiblecollapse
Tip

Layouts are architect pages, so you'll want to be familiar with architect pages before you start creating new layoutsLorem ipsum dolor drinking vinegar godard viral chambray hashtag four loko.

Content Block
nameWarning
border-width0
id894530759
collapsiblecollapse
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
nameInfoborder-width0
id894537203
collapsiblecollapse
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
nameRelated
id888168050
Content Column
width100%
nameRelated
id888168051
0 36px
Content Block
padding
rich-links-hide-descriptiontrue
rich-links-hide-site-namefalse
rich-link-hoverstrue
rich-links-columns4
rich-links-verticaltrue
rich-links-image-height100px
background-colortransparent
rich-links-hide-site-icontrue
rich-links-details-padding10px
nameRelated Title
rich-links-enabletrue
border-width0
rich-links-details-alignmentleft
rich-links-margin20px 30px 0 10px 0 0
id496234544
classrelated-block clean