Solved

remove background quote mark from widget

Posted on 2017-01-11
6
51 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
  • 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 500 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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
With the rapid rise in mobile usage, mobile devices are here to stay and have become an integral part of doing business. Here are 9 great apps for your BYOD environment.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

777 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