Page tree

Versions Compared

Key

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

Content Layer
namePage Info
id278129461
278129463
Content Column
width100.00001%
namePage Body15.0%
id888141980278129463
Content Block
nameProduct Name
border-width0
id528501291

HTML Wrap
aligntop left

Status
titletheme press

Content Column
background-colortransparent
meta-propertiesfalse
namePrompt
id494677873
classtight manual-prompt-flex

Updating a theme with a logo of your choice.

Content Block
nameWhat you'll accomplish
rich-link-hoverstrue
id1042866408
classtight

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 logo.

width85.0%
id

Content Block
nameTitle & PromptSteps
rich-link-hoverstrueborder-width0
id916905673

Creating a New Layout

Copy an existing layout architect page and modify it.
494842117
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 position the logo in relation to the 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 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
classdocs-screenshot

Image Added

Content Block
nameNote
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
Content Block
padding0 36px
nameWhat you'll accomplish
border-width0
id494677873
When none of the existing layout options meet your content display needs, you can create your own layout
  • .
Content Block
nameStepsTip
id894522670
collapsiblecollapse
Tip

Lorem ipsum dolor drinking vinegar godard viral chambray hashtag four loko.

Content Block
nameWarningborder-width0
id494842117894530759
collapsiblecollapse
Warning

Pour-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

Steps

  • Start by opening an existing layout architect page.

    1. Theme Press Default Space > Theme Press Control Panel > (choose a layout)

  • Then, use the "Copy" option on the Confluence Advanced Menu

    .

    Content Block
    nameNoteInfo
    border-widthid0894537203
    idcollapsible495965127collapse
    Info

    Lorem ipsum dolor amet est minim poutine, plaid readymade kogi mustache small batch food truck pinterest nisi

    Note

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

    Content Layer
    background-color$lightGrayColor
    nameRelated
    id888168050
    Content Column
    width100%
    nameRelated
    id888168051
    padding
    Content Block
    0 36pxrich-links-hide-descriptiontrue
    rich-links-hide-site-namefalse
    rich-link-hoverstrue
    rich-links-columns4
    rich-links-verticaltrue
    rich-links-image-height50px
    background-colortransparent
    100px
    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