How to change link color, square-behind the title, post/page body dimension?

Thomas Cercato
asked 10 years ago

First of all, I would like to make you my compliments for the Timeline theme. I switched from my old UIkit based theme to this one because I find it essential but modern and really well designed.

I would like to know:
1) how can I change the links color when the cursor hovers? [eg, link standard color: #000000, link hover color: #99CC00]
2) how can I change the square-logo behind the site title on homepage with another image?
3) how can I change the post/page body dimension? I find that the post ratio is too tight, so I would like try different pixel-sizing…

Thanks and good job.

1 Answers

DominicStaff
answered 10 years ago

Hello Thomas !
1. If you want to change the color of the link in the Timeline theme, you can log in to Dashboard > Customize > Custom Code, add the following code to the Header Code:

 <style>
a {
   color: #000;
}
a:hover, a:focus {
   color: #99CC00;
}
</style>

2. To change background color for the square-logo behind the site title on homepage with another image. you can move through Cover image section in the Customize.
3. To change the post/page body dimension, you can open the config.php file in the folder path “p-content\themes\dw-timeline\lib”. Find the line 20, then change the class for the post & page.
Eg:

 $class = 'col-sm-9 col-sm-offset-2';

 $class = 'col-sm-7 col-sm-offset-2';

Notice: You can find here for the class to change the body dimension.
http://getbootstrap.com/css/#grid
Hope this helps !

Thomas Cercato
replied 10 years ago

Thanks for the help, but I have some problems with the link color.

I want to change all the link that by default are red (eg. on navbar when the user is inside the post/page and all the link that became red on hover action).

There’s also a way to hide/remove the pager on the right in the homepage?

Thanks.