Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: cancasa on December 04, 2017, 01:25:32 PM

Title: Removing Clickable Title Text For SIte
Post by: cancasa on December 04, 2017, 01:25:32 PM
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
(https://tenerifeforumcommunity.com/index.php)
Thanks
Title: Re: Removing Clickable Title Text For SIte
Post by: cancasa on December 04, 2017, 04:30:51 PM
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.
Title: Re: Removing Clickable Title Text For SIte
Post by: cancasa on December 05, 2017, 08:06:00 AM
Feature seems broken, such a shame.
Title: Re: Removing Clickable Title Text For SIte
Post by: -Rock Lee- on December 05, 2017, 09:39:56 AM
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;
Title: Re: Removing Clickable Title Text For SIte
Post by: Gwenwyfar on December 05, 2017, 01:10:08 PM
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 :)