?
Solved

remove background quote mark from widget

Posted on 2017-01-11
6
Medium Priority
?
144 Views
Last Modified: 2017-01-11
The template inserts one quote mark in the testimonials area.  Can't seem to figure out what is calling it using Inspector.  I assume it is a background image.  We either want to get rid of it or move it to the left.  Any advice?

Beta site
http://8c2.bb5.myftpupload.com/

Screen shot
https://screencast.com/t/DF1GIPpYG3
0
Comment
Question by:nsitedesigns
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
6 Comments
 
LVL 2

Expert Comment

by:Andrew Derse
ID: 41957010
If you remove this class it will do the trick testimonial_rotator_quote.

<div class="testimonial_rotator_quote">

I'm guessing that is being set somewhere within the code.
0
 

Author Comment

by:nsitedesigns
ID: 41957036
Change of plans.  They now want the opening and closing quote marks.  Not sure how to bring in the closing one and have the opening one appear to the left.  Here is the site demo.

http://themes.stephaniehellwig.com/elegance/
0
 
LVL 2

Expert Comment

by:Andrew Derse
ID: 41957042
It looks like they are doing a before and after css for the paragraph tag.

<div class="textwidget">
<blockquote>
<p>
When words become unclear, I shall focus with photographs. When images become inadequate, I shall be content with silence.<br>
— <b>Ansel Adams</b>
</p>
</blockquote>
</div>

Open in new window

0
 
LVL 2

Accepted Solution

by:
Andrew Derse earned 2000 total points
ID: 41957044
Oops...hit submit too early.

:hov

.cls

blockquote::before {
    content: "\201C";
    font-family: "Times New Roman", georgia;
    display: block;
    font-size: 100px;
    font-size: 10rem;
    height: 0;
    position: relative;
    top: -51px;
    left: -42px;
    text-align: left;
    color: #849ea5;
    opacity: .4;
}

Open in new window


:hov

.cls

blockquote::after {
    content: "\201d";
    font-family: "Times New Roman", georgia;
    display: block;
    font-size: 100px;
    font-size: 10rem;
    height: 0;
    left: 10px;
    position: relative;
    top: -85px;
    text-align: right;
    color: #849ea5;
    opacity: .4;
}

Open in new window

0
 

Author Closing Comment

by:nsitedesigns
ID: 41957097
Perfect thanks!
0

Featured Post

Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Mobile app development companies have absolutely changed the ways apps are being browsed, used and downloaded by users today.
Check out this step-by-step guide for using the newly updated Experts Exchange mobile app—released on May 30.
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question