• Gains

    (@gains)


    Mantra theme
    http://www.gainsmattews.com

    I would like to get rid of the black image borders, or at least make them smaller, less padding or something, they are too big now, simply, I want to control them.
    Also, there’s a tiny white dot on the top of all black borders.
    I’ve tried Graphic Settings, I just can’t if of the dots or the borders.
    I tried changing the border colors, but they are set in stone, white, gray, black, if I just could choose the color I could at least “hide” them”.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    In your CSS, change the background color to something other than black:

    #content .wp-caption {
        background-color: #000;
        color: #CCC;
    }
    Thread Starter Gains

    (@gains)

    I see no difference, I also tried different color codes, nothing happens.
    Is there any way to get rid of the borders altogether?
    Or at least make them transparent?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Try adding !important, as in

    #content .wp-caption {
        background-color: #00ff00 !important;
        color: #CCC;
    }

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Hmmm… this is in the theme’s style.css file:

    /*
    IMPORTANT!

    Any changes made to this or any other of the theme’s files will be lost at the next update.

    To safely make customizations to the theme, for CSS-only consider using the theme’s dedicated
    “Custom CSS” field found under the Miscellaneous section of the theme settings page;
    for advanced CSS and other customizations, consider using a child theme.
    */

    There’s support for this theme here: https://ww.wp.xz.cn/support/theme/mantra

    Thread Starter Gains

    (@gains)

    Yeah, that works just fine, thank you!!

    Thread Starter Gains

    (@gains)

    But the white dots are still there?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Thread Starter Gains

    (@gains)

    I read about that yesterday before I updated the theme, but after I updated it everything was fine, the Custom CSS were doing what it’s supposed to do.
    I have nothing in the Miscellaneous section CSS

    The Child thing is way over my head, too complicated, so far I’ve managed without it.

    Btw, this doesn’t seem to do anything: color: #CCC;

    Thread Starter Gains

    (@gains)

    I’m having some issues with my Internet connection at the moment.

    But as I wrote above, the white dots are still there, and this doesn’t seem to do anything: color: #CCC;

    Michael

    (@alchymyth)

    your theme seems to add a background image whihc has just that tiny white dot:

    #content .wp-caption {
    	background-image:url(http://www.gainsmattews.com/wp-content/themes/mantra/images/pins/mantra_dot.png) ;
    }

    to overwrite that, add some CSS similar to the suggested codes by @sterndata,
    something like:

    #content .wp-caption {
        background-color: transparent;
        background-image: none!important;
    }

    for more details, it might be better to ask in your theme’s forum at https://ww.wp.xz.cn/support/theme/mantra

    Thread Starter Gains

    (@gains)

    Great!!
    That worked perfectly, so cool, thank you!

    I’ll ask in my theme’s forum from now on, thanks again!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Remove image borders’ is closed to new replies.