MyBB Community Forums

Full Version: BootBB - Responsive Multicolor MyBB Theme
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
Like this theme but have a question. I would like pictures as it is under the original theme, see picture.

Now the pictures are stacked down, see picture.

How to change this? I have tried my hand at the settings.

[Image: 4GG5BWx.png]

BootBB

[Image: ocQRPfI.png]

Default
You can add at the end of global.css this:

.img-responsive { display: inline }

Then refresh browser with ctrl + f5 (cmd + shift + R on MacOS)

I am not sure if this won't break some responsive feature of the theme. You have to test with larger images if they shring and display correctly on mobile phones.
How Do I add Discord Icon to Foot to match the other icons ?
You need to edit two templates:

headerinclude

replace

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

with

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">

I will make the above change permanent as it seems Fork Awesome is a better alternative to Font Awesome

In footer template add this after the twitter code:

<a href="#" target="_blank"  rel="noopener" class="btn btn-secondary" style="color: #fff;background-color: #738ADB;" data-toggle="tooltip" data-placement="bottom" data-original-title="Discord"><i class="fa fa-discord"></i></a>
(2020-10-02, 05:31 PM)panayot Wrote: [ -> ]You need to edit two templates:

headerinclude

replace

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

with

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">

I will make the above change permanent as it seems Fork Awesome is a better alternative to Font Awesome

In footer template add this after the twitter code:

<a href="#" target="_blank"  rel="noopener" class="btn btn-secondary" style="color: #fff;background-color: #738ADB;" data-toggle="tooltip" data-placement="bottom" data-original-title="Discord"><i class="fa fa-discord"></i></a>

You are a Legend Thank you so much Big Grin
how to fit the theme with full screen , i mean how to manage the width to 100% ?
You can try adding this at the end of global.css:

.container { width: 99%; }
hi,

ive a quick question bout the CSS, can anyone tell me what to change, that this isnt bold ? (it looks a little, wierd, i think)
same as the Thread and Posts in Mainpage...
[attachment=43394]
behind the normal Text, it looks wierd if its bold Smile

[attachment=43395]
on the right side, those Bold 0 Posts message

btw. is it possible to simple change the color of those colourful Buttons (AdminCP, UserCP, etc. ?) if yes, wher or how ? want it a little cleaner (not soooo colourful Smile )
thank you Smile
For the buttons you can add a style attribute to the buttons in the header-welcomeblock-* and footer templates with a different background color:

<a href="#" target="_blank" rel="noopener" class="btn btn-secondary" style="color: #fff;background-color: #738ADB;">
any ideas about the text style ? (the bold one ?)
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34