News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Removing Clickable Title Text For SIte

Started by cancasa, December 04, 2017, 01:25:32 PM

Previous topic - Next topic

cancasa

Hi
I'd like to remove the bold title text with the name of the site and move the logo image to the center and make that clickable to the url of the site.
Can anyone advise how to go about this?
https://tenerifeforumcommunity.com/index.php

Thanks

cancasa

I managed to use a dot as a slogan to get rid of the default smf logo.
Now all I need to do is to center the logo on there now.

cancasa


-Rock Lee-

You have to see the boardindex.php to get that feature, although I think it has other values linked look well at the div and what part of the css affects it ... by inspecting the element through the browser you can center it.


Regards!

Edit: Playing a bit with the values if you modify the margin should be as you wish!

h1.forumtitle {
    line-height: 45px;
    font-size: 1.8em;
    font-family: Geneva, verdana, sans-serif;
    margin: 0 15%; /* This is the value modify */
    padding: 0;
    align-items: center;
    float: left;
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Gwenwyfar

Find h1.forumtitle in your index.css, and edit it to:


h1.forumtitle {
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
text-align: center; /* This will center the contents of the header, after removing the float: left; */
}


Below it, add:


h1.forumtitle a {
display: inline-block; /* This makes the link able to cover the img */
}


Inspect element is also very useful for these kinds of changes too, as Rock Lee said :)
"It is impossible to communicate with one that does not wish to communicate"

Advertisement: