Viewing 6 replies - 1 through 6 (of 6 total)
  • these are defined in style.css as background images for:
    dl dt { }

    look through style.css or try using a browser inspection tool to find out where these arrow are coming from.

    please contact your theme’s developer or vendor for further support; this forum only supports themes from https://www.ads-software.com/themes/

    Thread Starter JDWPS1

    (@jdwps1)

    Gotcha. I apologize as I did not realize. I assumed they were a result of a default setting and not the theme itself. Thanks.

    Fast solution: go to your theme folder and open style.css file (or you can also edit it through the “Appearance” > “Editor” menu in your wp-admin) and find the following code:

    dl dt {
        background: url("images/list-arrow.gif") no-repeat scroll 0px 3px transparent;
        padding: 0px 0px 3px 32px;

    change to:

    dl dt {
       /* background: url("images/list-arrow.gif") no-repeat scroll 0px 3px transparent; */
        padding: 0px 0px 3px 32px;

    or simply remove the whole “background: ” line.

    Thread Starter JDWPS1

    (@jdwps1)

    That got me squared away. Thanks again. I will refrain from posting theme questions not related to https://www.ads-software.com/themes/. This is my first attempt at a WP site. Just getting my feet wet.

    In general, the one thing you should not do is edit the theme files directly. If the theme is ever upgraded, you will lose your changes. The suggested practice is to create a Child Theme and make any changes there. If you don’t feel that you will ever install upgrades or patches to your theme, or if your modifications are minor and easy to reproduce (and remember) in case of a theme upgrade, then editing the theme files should be OK (but is not recommended).

    That being said, if you are just making CSS changes, you don’t really have to create a child theme. Sometimes a theme has an option to add custom CSS, and that’s where you should make your changes. If your theme does not have a custom CSS option, then you can install a plugin that will allow you to add custom CSS, like Lazyest Stylesheet or Custom CSS Manager. Any custom CSS that you add will override the theme’s CSS, since the custom CSS will appear after the theme’s style.css file. So adding a rule like this to your custom CSS:

    .gallery-item .gallery-icon {
       background-image : none;
    }

    Will override the theme’s setting for that same selector. Note that I used the class names that are specific to the gallery elements instead of the element types, just in case there are other places where the dl dt elements are used outside of the gallery context.

    @crouchingbruin

    Generally you right about child themes but sometimes like IMHO in this case there’s no need to complicate things especially for someone who is probably rather new to WP and probably will not ever upgrade the theme.

    But also you right about making reversible and small CSS changes and that’s why I first adviced just to comment-out the “background” line ??

    Cheers!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove arrows in gallery?’ is closed to new replies.