Return to previous page

Removing dotted line around header custom HTML

This topic has 2 replies, 2 voices, and was last updated 5 years, 7 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

Minimal Store – WordPress WooCommerce Theme

lazy-placeholder

Boxed Store – WooCommerce Theme

lazy-placeholder

Burger Store – WordPress WooCommerce Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Lawyer – WordPress WooCommerce Theme

lazy-placeholder

Marseille 03 – WordPress WooCommerce Theme

lazy-placeholder

Shoes Store – WordPress WooCommerce Theme

lazy-placeholder

Engineer Store – WordPress WooCommerce Theme

lazy-placeholder

Medical 02 – WordPress WooCommerce Theme

lazy-placeholder

Shoes Store – 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.