XF 2.3 Use text instead of logo

Seeker-Smith

Seeker-Smith

Well-known member
Hi

How do I go about using this instead of an image logo? Can I just put the style in page_container?

<style>
.banner {
background-color: #17242E;
color: white;
font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
font-size: 2em;
text-align: center;
padding: 20px;
}
</style>
<title>Honey Harbour Hub</title>
</head>
<body>
<div class="banner">
Honey Harbour Hub
</div>
 
Solution
ForumDevs
Seeker-Smith said:
Hi

How do I go about using this instead of an image logo? Can I just put the style in page_container?

<style>
.banner {
background-color: #17242E;
color: white;
font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
font-size: 2em;
text-align: center;
padding: 20px;
}
</style>
<title>Honey Harbour Hub</title>
</head>
<body>
<div class="banner">
Honey Harbour Hub
</div>
Click to expand...
The logo is rendered here:
Code: 
                        <xf:macro id="style_variation_macros::picture"
                            arg-property="publicLogoUrl"
                            arg-propertyRetina="publicLogoUrl2x"...
Sort by date Sort by votes
Seeker-Smith said:
Hi

How do I go about using this instead of an image logo? Can I just put the style in page_container?

<style>
.banner {
background-color: #17242E;
color: white;
font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
font-size: 2em;
text-align: center;
padding: 20px;
}
</style>
<title>Honey Harbour Hub</title>
</head>
<body>
<div class="banner">
Honey Harbour Hub
</div>
Click to expand...
The logo is rendered here:
Code: 
                        <xf:macro id="style_variation_macros::picture"
                            arg-property="publicLogoUrl"
                            arg-propertyRetina="publicLogoUrl2x"
                            arg-width="{{ property('publicLogoWidth') }}"
                            arg-height="{{ property('publicLogoHeight') }}"
                            arg-alt="{$xf.options.boardTitle}" />
That should be the block of code you want to replace (on page_container template) if want to use your styled text banner
 
Upvote 0 Downvote
Solution
ForumDevs said:
The logo is rendered here:
Code: 
                        <xf:macro id="style_variation_macros::picture"
                            arg-property="publicLogoUrl"
                            arg-propertyRetina="publicLogoUrl2x"
                            arg-width="{{ property('publicLogoWidth') }}"
                            arg-height="{{ property('publicLogoHeight') }}"
                            arg-alt="{$xf.options.boardTitle}" />
That should be the block of code you want to replace (on page_container template) if want to use your styled text banner
Click to expand...
Thanks, works great.
 
Upvote 0 Downvote
ForumDevs said:
The logo is rendered here:
Code: 
                        <xf:macro id="style_variation_macros::picture"
                            arg-property="publicLogoUrl"
                            arg-propertyRetina="publicLogoUrl2x"
                            arg-width="{{ property('publicLogoWidth') }}"
                            arg-height="{{ property('publicLogoHeight') }}"
                            arg-alt="{$xf.options.boardTitle}" />
That should be the block of code you want to replace (on page_container template) if want to use your styled text banner
Click to expand...
How to proceed if I want to use the text logo only in one of the styles?
Thank You
 
Upvote 0 Downvote
Dkf said:
How to proceed if I want to use the text logo only in one of the styles?
Thank You
Click to expand...
What I did was. There are probably hundreds of other ways.

ACP Appearance > Templates > page_container

Search for:

<xf:macro id="style_variation_macros::picture"
arg-property="publicLogoUrl"
arg-propertyRetina="publicLogoUrl2x"
arg-width="{{ property('publicLogoWidth') }}"
arg-height="{{ property('publicLogoHeight') }}"
arg-alt="{$xf.options.boardTitle}" />
Click to expand...

Replace with:

<div class="banner">
Put your text here
</div>
Click to expand...

Go to top of templates and after the head tag:

<style>
.banner {
background-color: #17242E;
color: white;
font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
font-size: 2em;
text-align: center;
padding: 20px;
}
</style>
Click to expand...
 
  • Like
Reactions: Dkf
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

philmckrackon
  • Question Question
MG 2.2 Member Album Display as Text Instead of Thumbnails?
Replies
0
Views
183
philmckrackon
philmckrackon
Allan
  • Suggestion Suggestion
Text instead of logo in header
Replies
3
Views
829
imno007
imno007
S
  • Question Question
XF 2.0 Display Custom Field Text instead of Value
Replies
6
Views
1K
SpecOpsX
S
rag_gupta
  • Question Question
XF 2.0 Using site name in the header instead of Logo
Replies
3
Views
2K
Neutral Singh
N
abnvet
  • Question Question
XF 2.0 How to get Description to display in text instead of a mouseover
Replies
2
Views
659
abnvet
abnvet
Back
Top Bottom