Thread Rating:
  • 7 Vote(s) - 4.29 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] BootBB - Responsive Multicolor MyBB Theme
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
Reply
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.
Reply
How Do I add Discord Icon to Foot to match the other icons ?
Reply
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>
Reply
(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
Reply
how to fit the theme with full screen , i mean how to manage the width to 100% ?
Reply
You can try adding this at the end of global.css:

.container { width: 99%; }
Reply
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...
   
behind the normal Text, it looks wierd if its bold Smile

   
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
Reply
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;">
Reply
any ideas about the text style ? (the bold one ?)
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)