Change Font size in J1.6 / 1.7

Everybody who wants to change easily the body font size:

Open layout.css

Line 12:

body { font: normal 12px/1.6 Arial,Helvetica, sans-serif; }

to

body { font: normal 14px/1.6 Arial,Helvetica, sans-serif; }

as an example to create the standard body font size bigger

But I advasie add every modification to override.css. Becasue when you will for example want to update template you need to override some files. You never know if you don't need to override some template css files.

If I use override.css it's not changing anything on my mac pro with dreamweaver and nothing as well at the server so don't know why that is so I change the files itself.

Did you enable override.css option in template settings ?

no, will try that. You will not know how I built websites with my form of dyslexia, but it works always at the end.

I have turned it on, didn't knew that option before. So all changes can be added there and every time there is an update to update the template except override.css offcourse if I understand it correct now.

I only need now the options back for strong italic e.d. tags it will not work yet and I need borders 1px around the main content and the place where the breadcrums are. And last thing is how to line out the bottom modules? still haven't found the solution for these mods.

Could you help me out with it?

Hi

Please show me Your site and point exacly to places where modifications should be done.

Hi Teitbite,

I have send you an e-mail with all the information and a log in for the website.

Regards Ronnie

Hi

I can see You've done fine tuning to it. So I believe finding right place shouldn't be a problem. Unfortunately changing font can be difficulte because of reset file (see screen). Please try to use different reset or disable it at all.

Classes to change font:

Code: Select all

.breadcrumbs {
    font-size: 90%;
}

.gkBreadcrumbStart {
    color: #833C8C;
    font-weight: bold;
    margin-right: 10px;
}

#gkComponentWrap {
    font-size: 100%;
}


All fonts are oke and the size of it, but why the normal way of tags isn't working??? to create parts of the text in the content (main body) bold (strong) or italic etc. will that work again with the code which you gave me?

Hi

Some of the styles can be overwritten in layout styles. That's something designers want to force in the site look.

I can't find anything but perhaps I don't know what I have to find about code to get it in the editor with using bold, italic, underline etc. again normal view in the frontend that it shows up. If I install another template it works so it's somewhere in postnote? I need to get it working but I don't know how... never had this before but for eveything is a first time

Hi

I'll tell You a secret. Please use firebug. With this You will be able to find the code which needs to be add to css This will fix all.

i use firebug already for years, have found indeed the solution and was easier then I thought... just add the html tags to one of the css files now it works and I have found the borders which were needed as well

Thanx for your help and reply

Hi

No problem. Glad I could help.

The frontpage item has to get the same padding as the rest of the pages, but .front-item {padding: 20px;} is used for the other text pages in the website, which one has been used for the home item?

Hi

You mean that You need percise module. Right ? Please add "?tp=1" at the end of url to see modue positions. Knowing module position and the type of the module You will be able to find the righ one in module list.

Hoi Teitbite,

I mean the front page item in the mainbody, the text lines directly left out, has no padding around of 20px like the rest of the content in the website.

regards Ronnie

frontpage (home)

Schermafbeelding 2011-08-29 om 12.49.06.png

other content

Schermafbeelding 2011-08-29 om 12.51.00.png

Hi

Ok. Please remind me Your site's url.

Hi

Please add this to css:

Code: Select all

#gkComponent > div > div {
    padding: 20px 20px 30px !important;
}


Menu module "Producten" to add only there in front of every single link a point or square, is that possible for only that module when it's a menu? in front of every link?

Hi

Yes it's possible. Please add a module class suffix for example bullets and show me this module on Your page. I'll tell You what code to add.

Hi Teitbite,

module position is right_right

it's "Producten"

I only knew to find the general code but then it's a bullet before every link in the whole website...

You still can access the website?

Regards Ronnie

Hi

Sorry. I've removed mail with access. Need to clean it from time to time, got too many access information on my computer. Please send it to me one more time with url to Your site.

Hi

Ok. I've just found it You've send it to me right after posting.

I've added module class suffix " withbullets" and now You can add bullets with this code:

Code: Select all

.withbullets.box ul li {
    list-style: disc inside none !important;
}


thnx, works great

To remove the padding in the user7 user8 and user9 position and to create a fixed height is that possible with these module positions? with the text placed over the image?

I think I have found a solution, MOD_CUSTOM_FIELD_BACKGROUNDIMAGE_LABEL = for the backgroundimage of that module specific

I want to get the background image of 310 x 207 px as a under layer, what would make it possilbe to add text on top of it. Is it possible to get rid of the white space around, but that the text still keeps the padding? but i want also fixed with and fixed wideness for the modules in position user 7 8 and 9.

Anyone knows how to realise this?

Hi

Try to use this code:

Code: Select all

#gkUser2 .box > div {
    height: 120px;
}