[Juan Manuel Saenz]

Hi all, Cryout Creations Team and Temoera lovers:

For some time I’ve been trying something that may seem simple at first glance but I can not find the way of doing it: Is there a way to make transparent the background of the ‘Continue Reading’ box?

Thakks in advance!

[Walt]

Instead of hex numbers, use rgba values, such as “rgba(0,0,0,0.7)” in your color settings.

How do you get the 2 column posts on your main page?

[Juan Manuel Saenz]

Hi, Walt,

Many thanks for your kind answer! Your solution sounds great, but I have the problem that ‘Color Settings’, in ‘Tempoera Settings’ doesn’t admit RGB values. I guess it could be implemented as a CSS code, in ‘Miscelaneous Settings’, but don’t know how to do it!

Regarding your question about the columns in my main page, I have enabled ‘Magazine layout’ and the option ‘Scerpt’ for ‘Home Page’ in ‘Post Scerpt Settings’. Hope it works for you!

Juan Manuel

[Walt]

Just tried it on one of my Tempera sites and it didn’t work either. That’s odd that they allow it in Parabola but not in Tempera…

The setting that controls those buttons is under Color Settings –> Main Menu –> The first color after Menu. It will however change the color of your navigation bar as well, so it does not strictly control just the Continue Reading box.

Thank you for the info on the magazine layout too! 🙂

[Reshma]

Hi,

I’m posting a possible solution to the issue regarding

Is there a way to make transparent the background of the ‘Continue Reading’ box?

It’s actually a way around changing css or coding. Because, whatever code I tried to change or add in the style css, nothing worked.
So maybe this can be a solution.

Go to: Appearance–>Tempera Settings–>Post Excerpts Settings.
Enter/Add in the continue reading field the following:

<a>your own text</a>

This will result in the “read more” link appearing as an unvisited link on your page.
You can see an example of it on my page:

http://www.shmamassage.nl/massage-informatie/vrouwen-in-de-overgang/

The read more text is not in a box, but displayed as an unvisited link.
On my page it’s the “lees meer” link (in Dutch language).

[Reshma]

Hi, since my previous post, I changed de readmore button again, because I still wasn’t satisfied with how it looked.
I *changed the background of the box to transparent, *changed the text color to match my link colors, *changed the hover color to match the hoverlink colors.

To change box background to transparent or any other color add this code in your custom CSS:
the background is set to transparent, but you can also add the name or number of a color instead.

a.continue-reading-link {
display:inline-block;
background:transparent;
etc:etc

;
}`

To change the text color, add this code under the a.continue-reading-link code:
Instead of hex number you can also type in the name of the color i.e. green or blue etc.

a.continue-reading-link { color: #CCCCCC !important; }

To change the hover color, add this code :
Again, you can also type in the name of the color instead.

a.continue-reading-link:hover { color: #FFFFFF !important; }

I hope this will help anyone who’s struggling with the same problem.

[Reshma]

a.continue-reading-link {
display:inline-block;
background:transparent;
etc:etc;
}

[Reshma]

I’m sorry, the above code is the code for making box background transparent.

[Author]

Posts