Joomla Templates Club 406,261 posts

[pa1hr Friend pa1hrJoin date: September 2008Posts: 55Downloads:8Uploads:0 Thanks: 22 Thanked: 1 times in 1 posts]

#204147

Hello!
I am a new user of Teline V.
Suddenly I lost the mainmenu. I tried everything, but the mainmenu won’t return.
And how can I change to size of the fonts? They are much too big.
Thanks and regards, Hans.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#560860

Hi pa1hr,

Go to template settings -> Layout then change the layout from blog to default, save and recheck.

To change the font size, open custom.css file(or create new one if it does not exist) at ja/template/ja_teline_v/css/custom.css then add

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
border-right: 1px solid #e5e5e5
color: #333333
font-weight: 700;
font-size: 18px;
font-family: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 12px 20px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
}

Here you can change the font size or font-weight as you want

Thanks

[pa1hr Friend pa1hrJoin date: September 2008Posts: 55Downloads:8Uploads:0 Thanks: 22 Thanked: 1 times in 1 posts]

#560913

Switching from Blog to Default did return the menu; thanks!

But changing the size of the fonts with the custom.css file does not work.

There is much more that does not work. I add all the content of Teline V template with FTP on the website. I did activate the template. But almost nothing works; most of the modules don’t work and when I want to add a new menu item and I choose ‘Select’ nothing can be seen.

Thanks for your help!

Regards, Hans.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561046

Hi Hans,

I didn’t see your custom.css file in your site. Did you create a custom.css file before?

<blockquote>There is much more that does not work. I add all the content of Teline V template with FTP on the website. I did activate the template. But almost nothing works; most of the modules don’t work and when I want to add a new menu item and I choose ‘Select’ nothing can be seen.</blockquote>

Please check our documentation first for Teline V, if you face the issue, please give me a screenshot so I can take a closer look about it.

[pa1hr Friend pa1hrJoin date: September 2008Posts: 55Downloads:8Uploads:0 Thanks: 22 Thanked: 1 times in 1 posts]

#561087

Hello Leo,

In /domains/hopstaken-klijnsma.nl/public_html/templates/ja_teline_v/css I made a new file custom.css with this text:

navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
border-right: 1px solid #e5e5e5;
color: #333333;
font-weight: 300;
font-size: 12px;
font-family: “Roboto Condensed”, “Arial Narrow”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
padding: 12px 12px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
}

But nothing happenes in http://www.hopstaken-klijnsma.nl. The fonts still remain very big.

Why cannot I change this in the Theme-Magic? Almost everything is light-grey in the Theme-Magic which means I cannot change it.

Thanks for helping me!

Regards, Hans.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561113

Hi Hans,

You missing . for css here

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
border-right: 1px solid #e5e5e5
color: #333333
font-weight: 300;
font-size: 12px;
font-family: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 12px 20px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
}

<blockquote>”Why cannot I change this in the Theme-Magic? Almost everything is light-grey in the Theme-Magic which means I cannot change it.”</blockquote>

ThemeMagic just support basic style editing like Typography, Color, Module style, grid, etc.. that why you need to do this task via custom.css file.

Thanks

[pa1hr Friend pa1hrJoin date: September 2008Posts: 55Downloads:8Uploads:0 Thanks: 22 Thanked: 1 times in 1 posts]

#561277

Hello Leo,

Thanks for helping me!

I don’t understand…

In /domains/hopstaken-klijnsma.nl/public_html/templates/ja_teline_v/css there is a file called custom.css (with . between custom and css ) with the following text:
navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
border-right: 1px solid #e5e5e5 (http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=e5e5e5)
color: #333333 (http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=333333)
font-weight: 300;
font-size: 12px;
font-family: “Roboto Condensed”, “Arial Narrow”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
padding: 12px 20px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
}

But the fonts still remain very big.

I don’t understand.

Regards, Hans.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561303

Please check my prev post again http://www.joomlart.com/forums/topic/lost-mainmenu-and-cannot-change-the-size-of-the-fonts/#post-561113, you are missing . character symbol

I just fixed this issue for you, please recheck.

---

Attachments:

1. 

1 user says Thank You to phong nam for this useful post

1. pa1hr

[pa1hr Friend pa1hrJoin date: September 2008Posts: 55Downloads:8Uploads:0 Thanks: 22 Thanked: 1 times in 1 posts]

#561455

Thanks Leo!

Now I see what you meant with the .

Now I can change the fontsize of the navbar (mainmenu).

But how can I change the very big fontsize of the name of the website, and the title of the articles?

Thanks and regards, Hans.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561604

I just checked your css code, something went wrong with your css code(http://www.joomlart.com/forums/topic/lost-mainmenu-and-cannot-change-the-size-of-the-fonts/#post-561277), just an issue with copy and past but dont worry, I just fixed for you in custom.css file.

<blockquote>But how can I change the very big fontsize of the name of the website, and the title of the articles?</blockquote>

1. For page title font size

.page-title, .page-header h1 {
line-height: 1;
margin: 0;
font-family: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 54px;
text-transform: uppercase;
color: #111111
}

2. For title of the articles

a. For the title of leading on your frontpage

.items-leading h2.article-title, .items-leading .article-header h2 {
font-size: 30px;
}

b. For the title of the articles

.article-title, .article-header h1 {
font-size: 45px;
font-weight: 400;
margin: 0 0 12px 0;
line-height: 1.25;
}

NOTE: you can use Google chrome dev tools or Firebug to custom css for your purpose, check the tutorial here

I hope it make sense to you.

1 user says Thank You to phong nam for this useful post

1. pa1hr

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561605

I just checked your css code, something went wrong with your css code(http://www.joomlart.com/forums/topic/lost-mainmenu-and-cannot-change-the-size-of-the-fonts/#post-561277), just an issue with copy and past but dont worry, I just fixed for you in custom.css file.

<blockquote>But how can I change the very big fontsize of the name of the website, and the title of the articles?</blockquote>

1. For page title font size

.page-title, .page-header h1 {
line-height: 1;
margin: 0;
font-family: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 54px;
text-transform: uppercase;
color: #111111
}

2. For title of the articles

a. For the title of leading on your frontpage

.items-leading h2.article-title, .items-leading .article-header h2 {
font-size: 30px;
}

b. For the title of the articles

.article-title, .article-header h1 {
font-size: 45px;
font-weight: 400;
margin: 0 0 12px 0;
line-height: 1.25;
}

NOTE: you can use Google chrome dev tools or Firebug to custom css for your purpose, check the tutorial here

I hope it make sense to you.

[pa1hr Friend pa1hrJoin date: September 2008Posts: 55Downloads:8Uploads:0 Thanks: 22 Thanked: 1 times in 1 posts]

#561631

Hello Leo,

Many thanks!

It makes sense now!

I changed the text of the custom.css as follows:
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .separator {
border-right: 1px solid #e5e5e5 (http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=e5e5e5)
color: #333333 (http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=333333)
font-weight: 300;
font-size: 20px;
font-family: “Roboto Condensed”, “Arial Narrow”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
padding: 12px 12px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;
}
items-leading h2.article-title, .items-leading .article-header h2 {
font-size: 30px;
font-weight: 500;
}
article-title, .article-header h1 {
font-size: 30px;
font-weight: 500;
margin: 0 0 12px 0;
line-height: 1.25;
}
page-title, .page-header h1 {
line-height: 1;
margin: 0;
font-family: “Roboto Condensed”, “Arial Narrow”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-size: 30px;
font-weight: 500;
text-transform: uppercase;
color: #111111 (http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=111111)

This is working fine now.

The only question I have about the fonts is the name HOPSTAKEN-KLIJNSMA in the top header, where you can choose between txt or image. This text is still very big (too big). Is there a way to change this font size too?

Thanks and regards, Hans.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561668

<em>@pa1hr 461562 wrote:</em><blockquote>Hello Leo,
…
This is working fine now.

The only question I have about the fonts is the name HOPSTAKEN-KLIJNSMA in the top header, where you can choose between txt or image. This text is still very big (too big). Is there a way to change this font size too?

Thanks and regards, Hans.</blockquote>

Try this

logo-text a {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 72px;
font-weight: 700;
text-transform: uppercase;
color: #111111;
}

1 user says Thank You to phong nam for this useful post

1. pa1hr

[pa1hr Friend pa1hrJoin date: September 2008Posts: 55Downloads:8Uploads:0 Thanks: 22 Thanked: 1 times in 1 posts]

#561707

Hello Leo,

YES! Now everything is working excellent. THANKS for everything!!!

Regards, Hans.

🙂 😀

[Author]

Posts