Changing Parallax button colours but not blog buttons

Shapely
1

Hi, I recently changed colour of the parallax buttons using this code:

#page a.btn {
background: transparent;
border-color: #fff;
}
#page a.btn:hover {
background: #fff;
color: #000;

The problem is that it changes the buttons on the blog page too.

Is there a way to change only the buttons on the parallax section?

Thank you!

http://tobyandtamar.com/

2

I have recently updated to the latest version of shapely theme and that has unleashed a whole lot of new problems :frowning:

3

Hi,

  1. For changing parallax section button alone, use this Custom CSS,
.parallax-window a.btn {
background: transparent;
border-color: #fff;
}
.parallax-window a.btn:hover {
background: #fff;
color: #000;
}
  1. Can you tell us what are the issues? so that, we can give you solution for that.

Let us know,

Thanks,
laranz.

4

Thanks for the reply.

Now I have updated to the latest version of the theme it seems different.

On the old version of the theme when changed the button colours on the Parallax section, they also changed on the blog.

Now one the new version of the theme, the blog looks different and I have started using the read more script so it doesnt display whole posts on the blog page. But…

Those buttons are the original purple of the theme and not the colour I chose for my theme. Hmmmm

Thanks!

5

Hi,

You can use this Custom CSS for the blog buttons,

.post-content .more-link {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}
.post-content .more-link:hover, .post-content .more-link:focus{
    background-color: transparent;
}

Change the colors and styles according to your needs. :slight_smile:

Let us know,

Thanks,
laranz.