Return to previous page

Removing dotted line around header custom HTML

This topic has 2 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

conorob

Participant

September 14, 2018 at 19:44

Hi,

I am using the Royal theme. I have entered some HTML into the Header custom HTML area in: Theme Options > Header Settings

This displays a telephone number, a “Book Eye Appointment” link, and an “Order Contact Lenses” link on the top left of the website header.

The theme is putting a light dotted box around these three items when they appear in the header. Could you tell me how I get rid of this dotted box? Is there some CSS I could use to turn the dotted line off.

Near the top left corner of the box with the dotted line there is also a yellow speech bubble icon, which has also been inserted by the theme. Could you tell me how to get rid of this as well?

I have uploaded this image to the website to illustrate what I am talking about. The red text indicates the parts I would like to remove:
http://www.gillopticians.ie/img/remove_dotted_line.jpg

Thanks,

Conor

Please, contact administrator
for this information.

#199502 Copied Theme version: Royal Theme

1 Answer
Rose Tyler

Support staff

September 17, 2018 at 07:59
Hello,

Thanks for the question.
Please add this code in Theme Options > Custom css > Global custom css or in style.css of your child theme:
```
.header .tbs span:before {
    display: none;
}
```
Regards
#199530 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Legenda – WooCommerce WordPress Theme

lazy-placeholder

Furniture Store – WooCommerce Theme

lazy-placeholder

Tea Store – WordPress WooCommerce Theme

lazy-placeholder

Electronics Store – WordPress WooCommerce Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

lazy-placeholder

Makeup Store – WordPress WooCommerce Theme

lazy-placeholder

Hotel – WordPress Theme

lazy-placeholder

Grocery Mega Market – WordPress WooCommerce Theme

lazy-placeholder

BookStore – WordPress WooCommerce Theme

lazy-placeholder

SEO Agency – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.