Hover Color, widgets and featured image

Hi,

I have a couple of questions regarding my website and news2 theme.

1) How I can change the link hover color?
2) In the widget rules i choose the option to custom css class and insert the code: title-border title-color1 right.
The color 1 is red. Is it possible to make the color 1 green or something else? I search all the css files but nothing.
3) In single posts i can leave a comment although i choose disable for show comments.
4) How i can resize (to 540px for example) the feature image in single posts only?
I try this code:

Code: Select all

#gk-mainbody article .featured-image img {
width: 540px;
}

but affect also the feature images in categories.
and
5) in pages, can i decrease the space between the main content and the main menu?

I hope there is no problem with my questions

Thank you!

Hi,
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

Hi,
pm send!

Hi, Regarding your issues:
(all css code should be added into your css/override.css file - first you have to enable this override.css option from Template Options -> Advanced tab, or you can use any custom css plugin, i.e. this one described here: https://www.gavick.com/blog/adding-cust ... ress-theme)
1. You can change it using the following css code:

Code: Select all

a:hover,
a:active,
a:focus,
#gk-mainbody header h1 a:active,
#gk-mainbody header h1 a:focus,
#gk-mainbody header h1 a:hover,
#gk-mainbody header h2 a:active,
#gk-mainbody header h2 a:focus,
#gk-mainbody header h2 a:hover,
#gk-sidebar-left .box a:hover,
#gk-sidebar-right .box a:hover,
.gk-meta-post a:hover,
.gk-meta-post a:active,
.gk-meta-post a:focus {
   color: #your_color;
}


2. Add this code:

Code: Select all

.box.title-border.title-color1 .box-title { border-top: 1px solid #FF5F54; }
.box.title-color1 .box-title,
.box.title-color1 .gk-nsp-link-header a:hover,
.box.title-color1 .gk-nsp-header a:hover,
.box.title-color1 .gk-nsp-links-readon:hover { color: #eb1e00!important; }



with your own color value

3. The option to dsable comments from general settings is only for NEW posts, for you existing posts, you have to do it manually on each post edit view (click screen option on the right top corner and select discussion) under the post content, you should be able to dsiable comments, you can also use 3rd party plugin:
https://wordpress.org/plugins/disable-comments/

4. Try this code:

Code: Select all

.single article figure.featured-image img {
   max-width: 540px;
}


5. What pages exactly? Because there's no too much space under the main menu..

Hello Patrick,

And thanks for all the solutions. I tested and every code works properly.
About 5 I need it for all the pages.
Usually in pages I hide the page title so i need to decrease the space between the content and main menu.

Also the author box in posts, is it able to appear just below the adrotate plugin?
Because now its in the last position. Below everything.

Thanks again.

Hi,

Try this code:

Code: Select all

#gk-mainbody {
   padding-top: 0;
}


or send me a PM with direct URL to your example page without title

Regardign the author bio, the default one is palced in News2/layouts/content.post.footer.php file:

Code: Select all

<?php if(gk_author(false, true)): ?>
      <footer>
         <?php gk_author(); ?>
      </footer>
      <?php endif; ?>


so you can move this fragment into i.e. layouts/content.post.header.php but I'm not sure if it would be ok, because you are probably using some 3rd party plugins for this author section (with tabs).

The code works!

Regarding the box i will disable the 3rd plugin. Where exactly to paste the code in content.post.header.php?
In the beginning?
Also I need to delete it from content.post.footer.php?

Thanks again!

My mistake. The code works for both pages and posts.

Code: Select all

#gk-mainbody {
   padding-top: 0;
}

I would like only to pages!

Hi, use this code instead:

Code: Select all

.page #gk-mainbody {
   padding-top: 0;
}


regarding the author section, yes please remove/cut the fragment from content.footer.php file and paste it at the end of content.post.featured.php file (if you want to display it after featured image, before the content).

I would like, if it is possible, to display it just after the adrotate plugin at the end of the post and before the magic action box plugin.

The code for the spaces in pages works fine now.

Also maybe someone else benefit from this. I just send you urls from 2 pages where I create a table but the pages looks blank in my mobile device.

Thank you!

Hi,

You can remove the responsive tables section from css/tablet.css file
at the on of this file, starts from "11.7. Responsive tables"
but you'll have to adjust your tables, because now the table has constand width: 770px which can't be responsive and displayed properly on mobile devices.

regarding the author block, you have to test content.featured.php file, I can't give your direct location, because you have some plugins which may override some positions of your single post view.

Patrick,
As i can see now all my posts have problem in mobile phone.
There is a lot of white space in the left and the content is right.
Its very difficult to read the content.
Why is this? I did not change anything.

I'm Peter, not Patrick

Try to add the following code at the end of your override.css file:

Code: Select all

article.gk-has-aside .gk-article-body {
   padding-left: 0;
}


Thank you Peter
Works fine now.

Is it problem if i change the theme width to 1280 or lower instead of 1410?
The content seems better in lower resolution.

There's no problem to change the theme width, please make sure that the 1280 value is not bigger than other theme widths like small desktop, tablet etc.
first part of this article should be helpful:
https://www.gavick.com/blog/responsive- ... ess-themes

In only change the theme width to 1280.
The Tablet Width is 1100, Small Tablet Width is 840 and Mobile Width is 640.
The default values.

and one last question please.
Is it able to lower the full width page to 960 for example?

Yes it's possible, but I'm not sure if your website will look good, and please decrease the tablet widht also in this case.

Thanks for all your answers!