The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Header, Borders, Text Size and Buttons.

View previous topic View next topic Go down

In progress Header, Borders, Text Size and Buttons.

Post by Latrovia on October 6th 2017, 11:26 am

Hi everyone, I need your help possibly with a few codes

So I am basically running this page: http://enadia.forumotion.com/

And I have some issues with the header height, the buttons size, category background size and borders and overall text size.

So I want to change a bit the height of my header, I think its too big and not needed.

Some buttons like the ones that say something like "This thread is locked, go back etc" are wayyy too big as well. I need a code to decrease those kinds of buttons.

The categories that hold all those forums, need to be decreased in height as well and some borders need to define a bit the forum from the last poster.

Also, I want to increase the Title text of my categories and decrease the size of it in my forums.

Thanks in advance.
avatar
Latrovia
New Member

Posts : 4
Reputation : 1
Language : English

http://enadia.forumotion.com/

Back to top Go down

In progress Re: Header, Borders, Text Size and Buttons.

Post by APE on October 6th 2017, 11:43 am

First of all I would like to be the first to welcome you to the English support forum Shake

Header:
ACP >> Display tab >> Pictures and Colors >> Colors >> CSS Stylesheet tab >>

Find:
Code:
.headerbar {
    background-color: #1D262C;
    background-image: url(https://secure.meetupstatic.com/photos/theme_body/5/6/6/a/preview_7342122.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

if its not there then add it to the top of the page and then save

now you need to change the size of this part of the code
Code:
height: 350px;
I would say it's better to have it this size but have a play with the size and pick what you like best.
Code:
height: 285px;

Now with the code i gave you your text in that part will move up and look funny so it have made this code to move it back down a little.

Add this under the one after the one i have just gave.

Code:
#site-desc {
    text-align: left;
    padding-top: 20px;
}
To move the text up or down just change this part
Code:
padding-top: 20px;

that should fix your header problem Smile

as for the rest im not 100% sure so can you take screen shots of the parts you want changed and the font size will be good for each part.

Regards.

APE.



avatar
APE
Manager
Manager

Male Posts : 10827
Reputation : 1008
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Header, Borders, Text Size and Buttons.

Post by Latrovia on October 9th 2017, 9:56 am

Hey APE!

I tried your code out but it doesnt seem to be changing the Headers height at all. Maybe I should be checking the </> templates section?
avatar
Latrovia
New Member

Posts : 4
Reputation : 1
Language : English

http://enadia.forumotion.com/

Back to top Go down

In progress Re: Header, Borders, Text Size and Buttons.

Post by APE on October 9th 2017, 12:11 pm

put !important at the end of the codes


like this:
Code:
.headerbar {
    background-color: #1D262C;
    background-image: url(https://secure.meetupstatic.com/photos/theme_body/5/6/6/a/preview_7342122.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 252px !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

Code:
#site-desc {
    font-size: 14px;
    margin-top: 35px !important;
}
and put it at the top of your CSS files
if that don't work try and add it to the bottom of the CSS fimes Wink

Should look like this



avatar
APE
Manager
Manager

Male Posts : 10827
Reputation : 1008
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Header, Borders, Text Size and Buttons.

Post by Latrovia on October 10th 2017, 6:10 pm

Yayy it worked now, thanks man <3
avatar
Latrovia
New Member

Posts : 4
Reputation : 1
Language : English

http://enadia.forumotion.com/

Back to top Go down

In progress Re: Header, Borders, Text Size and Buttons.

Post by APE on October 10th 2017, 7:34 pm

Just a heads up on any codes you use

If the codes don't work when gave always add the !important rule to it then it will override any older CSS files already added by Default.
With the new ModernBB forums the codes are already added to the SCC files our end and they are set already so you have to tell the default ones to stop working and your ones take their place so thats when the !important rule comes in it's place.


Now for the icons here

Code:
.forabg .header i {
    display: inline-block;
    font-size: 16px !important;
}


for this part it's

Code:
.table-title, .table-title h2, ul.topiclist dd.dterm h2, ul.topiclist dt h2 {
    display: inline;
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
}



for this it's

Code:
.btn-collapse i {
    color: #FFF;
    font-size: 15px !important;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
}

as for the buttons i can't really help you as i can't see the buttons without making a account and the category background problem well i am not sure about that as i not found the CSS files for this Sad on my tools.



avatar
APE
Manager
Manager

Male Posts : 10827
Reputation : 1008
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Header, Borders, Text Size and Buttons.

Post by Latrovia on October 13th 2017, 1:22 pm

Hey man thanks, my problem is quite the fact that I wanna add a bit of a bordering order in the forums

avatar
Latrovia
New Member

Posts : 4
Reputation : 1
Language : English

http://enadia.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum