Big Quark Customization

400 lines of Quark custom code!

Default Style

http://www.ancadia.com

Under Construction!

Next week, custom code of Blog!

Enjoy Quark!

Hi

Looks really good, but what exactly was customized ? I think it looks very similar to our demo.

Hey! Thank you:

H1 and H2 changed to Josefin Sans font

Body font change to RobotoDraft

Mainmenu width change to 150px

Main menu changes:

Boxed border to 0px
Hoover now is available
Background change to gavick blue
Font change to Josefin Sans
Sub menu font are bold and Josefin Sans.
Mobile menu background are black
Mobile menu fonts are same size
Mobile menu Link are Uppercase.
Pink color removed.
Buttons have shadows and background.
Buttons border are rounded
Text box are rounded with shadows
No headers in links.

Next:

New blog style.
New login box size and order.
Etc etc

Available code for users!

Quark is amazing thanks guys

Forget:

All screen resolutions are changed.
Footer Gavick Style
Cookies Tab Transparent
3 buttons type

Hi

Thank You for such a detailed explanation Now when You've mentioned it I may say that with this tweaks it looks much better.

Damm !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! it looks freaaakingg great!

It is really great, and i DISAGREE with teitbite. It looks different then basic gavick. It looks so muchs better!!

One qeustion: how did you change the menu font? It looks AWESOME DUDE!

No words left, just be proud of your work!

Thanks for sharing!

Heeey! Thank you xWiz

To change main menu font go to:

Administration / Templates / Quark / Fonts

On selector 3 for example

Font Url:

//fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700,900

Font Name: Josefin Sans

On selector Square Paste:
#gkHeaderNav

If you need help! Please let me know

Cheers!

Hi

But I said it looks much better xWiz Ok. I'm leaving You with this conversation, will not bother You than. No till You will need some technical help. See You.

Heeey! Thank you xWiz

To change main menu font go to:

Administration / Templates / Quark / Fonts

On selector 3 for example

Font Url:

//fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700,900

Font Name: Josefin Sans

On selector Square Paste:
#gkHeaderNav

If you need help! Please let me know

Cheers!

Hi thanks,

I dont have 3 selectors.

I have :
body - font
header - font
other I - font
other I- font

Which one need i to change?

Hi

But I said it looks much better xWiz Ok. I'm leaving You with this conversation, will not bother You than. No till You will need some technical help. See You.

Sorry didn't read that

Hey!

You need to create #gkHeaderNav
selector!

Just copy the word and assign josefine sans letter

Cheers

Hi, sorry for late response was busy.

I added this: #gkHeaderNav
in : On selector Square Paste
At the end of the text

But i coulndt assing or find selector after that

Hi, sorry for late response was busy.

I added this: #gkHeaderNav
in : On selector Square Paste
At the end of the text

But i coulndt assing or find selector after that

Hi I also hate to bump qeustions. So i am sorry for bumping this one.

But does someone know how to change the font of menu i tried as mention as above but it didn't work.

Hi

You can simply add this to override.css file:

Code: Select all

#aside-menu li a {
    font-family: Arial;
}


Hi

You can simply add this to override.css file:

Code: Select all

#aside-menu li a {
    font-family: Arial;
}


Hi i tried with arial and Josefin Sans but it doesnt work.

Why doesn't the selector work for me. I think i am doing something wrong.

Thanks for help

Hi,

Do you have classic or aside menu?

Regards

I have classic menu, sorry i didn't tell. Stupid haha

Ok dude:

First go to template settings > GK_Quark > Fonts:

2. In Other Fonts - I > Select Google Fonts and paste the following URL:
URL: //fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700,900
Font Name: Josefin Sans
3. On Selector Square paste: #gkHeaderNav

I attach an Image:


Let me know PLEASE!

Thanks for explanation.

Mine other I was just

Code: Select all

.blank

I tried

Code: Select all

.item-content h2,
#gkHeaderNav,

and

Code: Select all

#gkHeaderNav

Is the url correct, because it hasn't worked yet

Thank you for your KIND Help

Do you have a new link / URL for review?

Many thanks and best regards,
Ruediger

Ok dude:

First go to template settings > GK_Quark > Fonts:

2. In Other Fonts - I > Select Google Fonts and paste the following URL:
URL: //fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700,900
Font Name: Josefin Sans
3. On Selector Square paste: #gkHeaderNav

I attach an Image:


Let me know PLEASE!

Worked! thankss.. What is your new link!