Docs

[mindihirsch]

I am having trouble setting up a text box on my site (2foodtrippers). I want the text box to be shaded light green with black text, and I want the text to be static (i.e. no scrolling). Text inside box is a few lines with a few links. I’ve tried some coding that I’ve seen here and on the internet, but nothing is working correctly. Thanks!

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[mindihirsch]

Hi. My url is http://www.2foodtrippers.com. Thanks!

[Rue Nel]

Hello There,

Thanks for providing the url. Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[mindihirsch]

Please see the following page: http://www.2foodtrippers.com/shopping-on-tokyos-kappabashi-street-%E5%90%88%E7%BE%BD%E6%A9%8B/

I want to put the bottom verbiage under “Traveling soon? Then you’re at the right place!” in a text box with green shading. Can you help me with the code? I can’t get it to work.

Thanks!!!

[Joao]

Hi There,

Please add to Appereance Customizer Custom CSS

div .code-block.code-block-10 {
background-color: rgba(46,183,55,.8);
box-shadow: 2px 2px;
}

Let us know how it goes,

Joao

[mindihirsch]

Thanks! Your advice worked but the text box needs a few tweaks:

1. How can I change the shade of green to another such as 00FF00?

2. How can I change the color of the linked text inside the text box from blue to white? The blue is hard to read.

3. How can I revise the text box so that the text inside isn’t flush against the edge? Is there a way to add a buffer inside the box?

Also, once these tweaks are fixed, can I add the same text box to the bottom of other articles with a simple copy/paste?

[Joao]

Hi There,

Please update your code to :

div .code-block.code-block-10 {
background-color: #00FF00;
box-shadow: 2px 2px;
padding-left: 20px;
}

div .code-block.code-block-10 a {
color:white;
}
div .code-block.code-block-10 a:hover {
color:yellow;
}

I am not sure what you mean by buffer inside the box, cloud you clarify?

You can use the same code, but you will need to inspect the element to use the right css selectors like div .code-block.code-block-10

In case you need help please point us and we will gladly assist you.

Hope that helps

Joao

[Author]

Posts