Embedding A Search Bar

Best WordPress theme for game news websites, game portals or whatever your preferred subject.
GK User
Thu Jan 09, 2014 1:53 am
Hi is it possible to embed a search bar into the far right of the menu of my website (http://callofdutydaily.com)? Also how do I change the background image? Thanks!
User avatar
Junior Boarder

GK User
Thu Jan 09, 2014 8:19 am
Hi,

It's not so easy, you should add new widget area (in the GameNews/layouts/header.php file - after the menu), check this article about it, create e.g. search widget area and then add search widget into this area.
http://www.gavick.com/documentation/wor ... ess-theme/

Background you can change by replacing GameNews/images/bg1.jpg file (use your own image with the same filename).
User avatar
Moderator

GK User
Thu Jan 16, 2014 5:09 pm
So should the name of the file should be: bg1.jpg
I did that and nothing changed.
User avatar
Junior Boarder

GK User
Thu Jan 16, 2014 5:20 pm
I also tried to override the background image with CSS with this code:

Code: Select all
body {
   background: url('http://www.callofdutydaily.com/wp-content/uploads/2014/01/bg1.jpg');
}


but it did not work.
User avatar
Junior Boarder

GK User
Thu Jan 16, 2014 8:07 pm
You didn't replace this image:
http://www.callofdutydaily.com/wp-conte ... es/bg1.jpg

or use this code:
Code: Select all
body {
background-image: url('http://www.callofdutydaily.com/wp-content/uploads/2014/01/bg1.jpg')!important;
}


When you are using css/override.css file !important is not necessary but if you overriding another files it won't work without "!important" rule.
User avatar
Moderator

GK User
Fri Jan 17, 2014 12:46 am
Ok thanks I tried that and it worked but however how do I change the color of the background that is not covered by the image to black because the image does not fit the space. The image is black so it would fade into it nicely.
User avatar
Junior Boarder

GK User
Fri Jan 17, 2014 8:18 am
It's the same situation, if you are not using override.cs file you have to use !important after your "background-color: #000;" rule
User avatar
Moderator

GK User
Fri Jan 17, 2014 2:14 pm
Ok cool that worked! Also how can I expand the width of the site and how can I edit the footer where it gives the option to change the color and things about the theme and the Gavern Framework logo. Thanks!
User avatar
Junior Boarder

GK User
Fri Jan 17, 2014 6:09 pm
Width of the theme you can change in Template Options -> Layout tab, Footer menu in Appearance -> menus, gavern logo and style switcher you can also enable/disable from Template Options -> basic or features tab.
User avatar
Moderator

GK User
Fri Jan 17, 2014 6:12 pm
Text of the footer you can change in Temmplate Options -> Theme branding tab
User avatar
Moderator

GK User
Fri Jan 17, 2014 11:47 pm
This is not just the text at the footer, if you go to my website (http://callofdutydaily.com) and go to the bottom you can see the options that are on the demo to change the layout of the website (how the background is, changing the colors, etc.) and also a logo on the far left that reads Gavern WP Framework. How can I remove these? Also if you go to my website you will notice between the post slider column and the two posts that are shown as a list order there is a big white space. How can I fix this?
Image
User avatar
Junior Boarder

GK User
Fri Jan 17, 2014 11:56 pm
Oh I found out how to disable the Gavick image but I still am confused with the rest. Thanks!
User avatar
Junior Boarder

GK User
Sat Jan 18, 2014 7:46 pm
Template Options -> Features tab and "Style Switcher Display" set to disable. There's a white space, because probably you have no text on some posts and no images, but on other page you have a lot of text and featured images, you can set the same amount of text and title (words or chars - you can set it in GK NSP widgets configuration).

You can send me a PM with backend access, then I'll check this exactly.
User avatar
Moderator


cron