How-To Manual

Page tree

Versions Compared

Old Version 32

changes.mady.by.user Bridget Prendergast

Saved on

compared with

New Version Current

changes.mady.by.user Andy Donovan

Saved on

Key

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

Content Layer
namePage Info
id278129461
content-block0528501291
Content Column
width15.0%
id888141980
100.00001%
name
Product Nameborder-width
Page Body
id
278129463
htmlwrap
content-
aligntop left

Status
titletheme press

Content Column
width85.0%
id278129463
block
background-colortransparent
meta-propertiesfalse
namePrompt
id494677873
classtight manual-prompt-flex

Updating a theme with a logo of your choice

Content Block
padding0 40px
nameTitle & Prompt
border-width0
id916905673

Creating a New Layout

Copy an existing layout architect page and modify it

.

0 40px
Content Block
padding
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.

Content Block
padding0 40px
nameSteps
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 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

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
    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
    nameNoteTip
    border-widthid0894522670
    idcollapsible894522670collapse
    Tip

    Lorem ipsum dolor drinking vinegar godard viral chambray hashtag four loko

    Note

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

    Content Block
    nameNoteWarning
    border-widthid0894530759
    idcollapsible894530759collapse
    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

    Note

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

    Content Block
    nameNoteInfo
    border-widthid0894537203
    idcollapsible894537203collapse
    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
    0 36px
    Content Block
    padding
    background-color
    rich-links-hide-descriptiontrue
    rich-links-hide-site-namefalse
    rich-link-hoverstrue
    rich-links-columns4
    rich-links-verticaltrue
    rich-links-image-height100pxtransparent
    rich-links-hide-site-icontrue
    rich-links-details-padding10px
    nameRelated Title
    rich-links-enabletrue
    border-width0
    rich-links-details-alignmentleft
    rich-links-margin0 10px 20px 30px 0 0
    id496234544
    classrelated-block clean

    Platform

     

    Company
    Support
    Brikit Services

    Copyright © 2023 Brikit Inc. All Rights Reserved.

    Powered by Atlassian Confluence and Brikit