MyBB Community Forums

Hi,

im using the MyBB 1.8 Square Theme by eNvy and i really like it.
I got everything running, but i have two problems. Maybe someone can help me.

1.

The hints are not working at all. (I changes some color values of the theme, maybe i accidental did something wrong)


2.

Is it possible to change the color of the navigation icons in the header?


Thanks in advance,
Syrac

these kind of css edits are easier to check if provided with the forum url...

sure, sorry.

http://www.syrac.lima-city.de/NarrowEscape/

1. In the Square.css file find ".tipsy-inner" and change its color property ex: "color: #FFFFFF;"

2. add this to Square.css #header .menu a {color: #006DA6;} and change the color code as you wish

Ah, so the hints were working, thesy just had the same text and background color.

Thanks for you excelent help.


The 2nd part was not working, but i found that part a few rows below:

.menu ul li a:link, .menu ul li a:visited {
  	color: rgba(255, 255, 255, 0,5);
  	text-decoration: none;
  	transition: all 0.5s ease;

the color code worked.



I have one last question. Do you have any idea how i can add or thange the icons in the header navigation?

Thats the part of the template where i add the new "link":

<div id="container">
	<div id="header">
		<div class="wrapper">
          	<a class="logo" href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
          	<!--<div class="logo"><div class="logo2"><i class="fa fa-cube fa-fw"></i></div> {$lang->xstyled_logo}</div>-->
          	<div class="menu">
              	<ul>
                  	<li><a href="{$mybb->settings['bburl']}/portal.php"><i class="fa fa-comments fa-2x"></i><br />Portal</a></li>
                  	<li><a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-2x"></i><br />Suche</a></li>
                  	<li><a href="{$mybb->settings['bburl']}/roster.php" class="roster">Roster</a></li>
                  	<li><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-users fa-2x"></i><br />Mitglieder</a></li>
                  <!--	<li><a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar-o fa-2x"></i><br />{$lang->xstyled_calendar}</a></li> -->
                	<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-question-circle fa-2x"></i><br />Hilfe</a></li>
              	</ul>
          	</div>
		</div>
	</div>

Thank you so much for your help.


-syrac

the theme uses font awesome icons.... the bold part refers to the icon for that menu element...

Quote:<li><a href="{$mybb->settings['bburl']}/portal.php"><i class="fa fa-comments fa-2x"></i><br />Portal</a></li>

you can just change the fa css class to change the icon... ex:

Quote:<li><a href="{$mybb->settings['bburl']}/portal.php"><i class="fa fa-bell fa-2x"></i><br />Portal</a></li>

you can get the icons and their css class names from here: http://fortawesome.github.io/Font-Awesome/icons/

Your're awsome, thank you so much.

Should have googled that class name

I am able to reduce the size of the header but it only reduces sizes from the below, how can i reduce the side from the above also?

Give me an example.

Please check my forum link given in my sig. I have reduced the size of original header but I want to reduce the size of header given above the logo.