• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Basic Styling Issues: Please Help

#1
Hello, I'm new to Xenforo, websites, html etc. I know these questions may be basic, but any solution you can provide would be so much appreciated.

I added a new tab to my website, and can't seem to make changes to the text/content within that tab. I've attached a screen shot for 5 things I would like changed. One other thing I need to change is the colour of the "terms and rules" hyperlink at the bottom right of the Xenforo homepage (its too dark with this theme).

Thanks in advance! Website Screenshot.png
 
#3
Ok thx, I will go thru the link you provided for question 1.

What about the 5 other questions? :) Anyway you could help me with that please?
 

Blue

Well-known member
#4
The other items can be adjusted with HTML Probably be easier for you to search google for a free wysiwyg html editor.
 
#5
Thanks, I did try the following:
- making the content bold <strong> " my content" </strong> - nothing happened/no changes to the content
- making the content italic <em> "my content" </em> - nothing happened/no changes to the content
- making the header larger <h1> "heading" </h1> - the h1 tag did work, but was too big, and the other sizes e.g. h2, h3, h4, etc, again nothing happened to the content
- I also added a hyperlink <a href="http://"website">"website"</a> - the hyperlink worked...but the hyperlink font was smaller compared to the other content and was a grey colour :confused:

I'm not really sure what I'm doing wrong, and why there are no changes to the content when I use various tags. Again, any help would be appreciated.
 

MagnusB

Well-known member
#6
If you are using a page node, try this code:
HTML:
<div class="pageNodeResources>
<h1>Big text</h1>
<h2>Italic text</h2>
<p><a href="#>Link text</a> 12345</p>
</div>
Then, in EXTRA.CSS add:
Code:
.pageNodeResources h1 {
  font-size: 13px;
  font-weight: bold;
}
.pageNodeResources h2 {
  font-size: 12px;
  font-style: italic;
}
.pageNodeResources a {
  color: blue;
  text-decoration: underline;
}
Just some basic html and CSS to get you started.