Template wallpaper

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Aug 28, 2014 9:49 am
Reply with quote
Report this post
Hi
Want to set personal wallpaper to the template. Where I can do it in template files?
User avatar
Expert Boarder

GK User
Thu Aug 28, 2014 11:45 am
Reply with quote
Report this post
You mean background?
To entire page or just the header?
User avatar
Moderator

GK User
Thu Aug 28, 2014 12:01 pm
Reply with quote
Report this post
All template background
User avatar
Expert Boarder

GK User
Thu Aug 28, 2014 3:06 pm
Reply with quote
Report this post
This template was designed as set of horizontal modules so creating a background image would require quite big template makeover and we doesn't support this kind of customisation.
User avatar
Moderator

GK User
Thu Aug 28, 2014 5:30 pm
Reply with quote
Report this post
Understand, thank you.
Sad... I miss that this template dont have background template customization, like "Jonh" and another new...
User avatar
Expert Boarder

GK User
Thu Aug 28, 2014 8:38 pm
Reply with quote
Report this post
The design idea was to be able to create horizontal strips with different colours each. This way no background through whole site is available.
User avatar
Moderator

GK User
Sun Aug 31, 2014 9:46 pm
Reply with quote
Report this post
OK.
Let we join this ticket with another one about CSS styles and width of stripes...
I put almost all moduls to the Bottom. Now all stripes is all screen width. Good.
I find in template.css where I can change a color of this stripes by changing a CSS styles of suffix color, light or dark... But now I need to change a color of the stripe to a custom background image. How can I change in example background color of light suffix #f8f8f8 to custom image?
It is necessary and a matter of principle. I need your help. Please, dont answer that you don't support this kind of template makeovers.
Thanks in advance...
User avatar
Expert Boarder

GK User
Mon Sep 01, 2014 6:24 pm
Reply with quote
Report this post
You need to setup custom suffixes to those elements and use override.css to attach background images to it.
To do so you need to create a background (sample name myCustomBg.png), upload it to images folder inside template foder and use css like:
Code: Select all
.mycustomsuffix {background: transparent url('../images/myCustomBg.png') 0 50% no-repeat;}

adjust above to your needs.
User avatar
Moderator

GK User
Mon Sep 01, 2014 11:36 pm
Reply with quote
Report this post
Thank you very much!!!
Get it.
One more question... How can I make up and down margins at this stripes smaller?

Sorry for a lot of questions... ))) Thats just my second site )
User avatar
Expert Boarder

GK User
Wed Sep 03, 2014 1:26 pm
Reply with quote
Report this post
Margins are required on homepage - so scrolling to section works fine. If you will remove them, when you click on menu item, top of section will be hidden under the menu.
User avatar
Moderator

GK User
Wed Sep 03, 2014 2:29 pm
Reply with quote
Report this post
Now its hidden too...
When you click on menu item, ~50-70 unnecessary pixels is hidden under the menu. And I want remowe them. Are you sure, that if 50-70 unnecessary pixels will de removed, another 50-70 px will be hidden under the menu?
If yes, may be its possible to remove not up margin, but down margin?
User avatar
Expert Boarder

GK User
Thu Sep 04, 2014 7:43 am
Reply with quote
Report this post
Could you please post an url to your site - to a sample page where the change should be made?
User avatar
Moderator

GK User
Thu Sep 04, 2014 11:35 am
Reply with quote
Report this post
User avatar
Expert Boarder

GK User
Sun Sep 07, 2014 8:22 am
Reply with quote
Report this post
Please edit: /templates/gk_creativity/css/override.css and add at its end:
Code: Select all
.onepage #gkHeader .box, .onepage #gkBottom1 .box, .onepage #gkPageContent .box {
padding: 102px 0 20px!important;
}


First number is the top spacing, third is the bottom spacing.

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Sun Sep 07, 2014 9:28 am
Reply with quote
Report this post
Thank you)))
User avatar
Expert Boarder

GK User
Mon Sep 08, 2014 8:10 am
Reply with quote
Report this post
No problem :)
Is there anything else I can help you with regarding this topic?
User avatar
Moderator

GK User
Mon Sep 08, 2014 10:10 am
Reply with quote
Report this post
No, thank you.
Waiting for answer at NSP GK5 Problem from 06 september...
User avatar
Expert Boarder

GK User
Wed Sep 10, 2014 1:11 pm
Reply with quote
Report this post
From what I see it is already in progress :).
User avatar
Moderator


cron