How do I delete the drop shadow on this line

  • Resolved mike-kelley

    (@mike-kelley)


    7 years, 5 months ago

    [fruitful_dbox] HELLO, WORLD! THIS IS FRUITFUL FREE WORDPRESS RESPONSIVE THEME [/fruitful_dbox]

    Hi the css for the shortcode box above has a standard drop shadow attached. I was able to turn if off using firebug but when I entered that modified code in the Friutful theme custom CSS area nothing happens. Anyone know why. below is the css I changed in firebug to loose the drop shadow.

    .fruitful_description.shadow-type-1 .top_line::before, .fruitful_description.shadow-type-1 .top_line::after {
    background: #777 none repeat scroll 0 0;
    bottom: 31px;
    box-shadow: 0 13px 16px #777;
    content: “”;
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: -20px;
    transform: rotate(-1.5deg);
    width: 50%;
    z-index: 1;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • CrouchingBruin

    (@crouchingbruin)

    7 years, 5 months ago

    The problem is that the theme’s ffs_styles.css file comes after the custom CSS, so if you use a selector that’s identical to a rule in ffs_styles.css, your rule will be overridden. That’s kind of a weird way of arranging the stylesheets, you would think that the custom stylesheet would come after all of the theme’s stylesheets to make it easier to override an existing rule.

    So what you should do is make the selector slightly more specific by adding another class name to the front of the selector, like this:

    
.fruitful_description_box .fruitful_description.shadow-type-1 .top_line,
.fruitful_description_box .fruitful_description.shadow-type-1 .bottom_line {
   display: none;
}
    Thread Starter mike-kelley

    (@mike-kelley)

    7 years, 5 months ago

    Thank you!!! worked perfectly. I really appreciate it!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I delete the drop shadow on this line’ is closed to new replies.