Advertisement:

Author Topic: Removing Clickable Title Text For SIte  (Read 263 times)

Offline cancasa

  • Jr. Member
  • **
  • Posts: 220
    • canary islands property
Removing Clickable Title Text For SIte
« 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

Thanks

Offline cancasa

  • Jr. Member
  • **
  • Posts: 220
    • canary islands property
Re: Removing Clickable Title Text For SIte
« Reply #1 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.

Offline cancasa

  • Jr. Member
  • **
  • Posts: 220
    • canary islands property
Re: Removing Clickable Title Text For SIte
« Reply #2 on: December 05, 2017, 08:06:00 AM »
Feature seems broken, such a shame.

Offline Rock Lee

  • Sophist Member
  • *****
  • Posts: 1,185
  • Gender: Male
  • Digitalizando un nuevo mundo :D
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Removing Clickable Title Text For SIte
« Reply #3 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!

Code: [Select]
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 © 2017
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Online Gwenwyfar

  • Customizer
  • Full Member
  • *
  • Posts: 687
  • Gender: Female
    • Gwenwyfar on GitHub
Re: Removing Clickable Title Text For SIte
« Reply #4 on: December 05, 2017, 01:10:08 PM »
Find h1.forumtitle in your index.css, and edit it to:

Code: [Select]
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:

Code: [Select]
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 :)