Remove subheadings as shown

I would like to remove the subheadings and line that are circled in the attached screenshot. This is the home page of the Foogo theme and this text is over the top image. I have placed code to hide these elements, but it is not working. Can you assist?

Also, is there a way to make the top heading that shows on the image show up better? As you can see, the white disappears into the photo and is hard to read. Can we add a stroke to the letters or something to make them stand out?

 

Hello,

Greetings from InkThemes!

To remove the line, paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#sub_header .st-title-wrap .st-title-border {
  border-bottom: none !important;
}

For the heading, code is below.

Code:

#sub_header .st-title-wrap .st-title {
    color: blue !important;
}

Note: Let me tell you that if code will not work in your site, you would be kindly suggested to clear your Supercacher plugin first and check after that..

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Can you show me a screenshot of what you see the home page to look like? Thank you. Also, the text is still visible under the blue top heading.

 

If you visit the site, you can see what all I am talking about. http://entandallergyspecialist.org/

Here is all of the code I have currently:

#header .header-overlay {
background-color: rgba(255, 255, 255, 0);
}
#sub_header p {
display: none !important;
}
.st-title-wrap.home, .st-title-wrap.home h1 {
color: rgb(7, 255, 103) !important;
}
.action_note {
color: blue !important;
}
#sub_header .st-title-wrap .st-title-border {
border-bottom: none !important;
}
#sub_header .st-title-wrap .st-title {
color: blue !important;
}

 

OK!!

Let me do it in your site and will notify you the same..

Thanks & Regards!
Priyanka
InkThemes.com