Home Forums Archived Forums Not Theme Related Text widgets disappearing, and cannot style an image caption

This topic contains 4 replies, has 3 voices, and was last updated by  scrambler 3 years, 2 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #19586

    Mike01
    Participant

    First, a disappearing widgets problem:

    Two nights ago I set up a text widget in the sidebar containing an image, a link to Amazon, a title and a caption… which was all straight forward. Yesterday it had disappeared from the sidebar, but the search and subscription widgets were still there, so I assumed I must have hit ‘delete’ instead of ‘save’. I then put it back, only to find that today it had vanished again!

    Some googling revealed this is part of a database problem with WP core. There’s an explanation here:
    http://www.themelab.com/why-wordpress-widgets-disappear/

    … (which I don’t understand), and this guy who thinks it was his use of Google fonts that did it (I don’t use any Google fonts, just the standard Open Sans):
    http://casabona.org/2015/12/the-case-of-disappearing-wordpress-widgets/

    A discussion on WP.org support claims it was supposed to have been fixed last year in version 4.3.1, so unless anyone knows better, I’m reasonably sure it isn’t Weaver. However, I thought I would mention it just in case.

    Current problem: I noticed that Jetpack has image widgets and so have used one of those, instead (even though the second link, above did this and still had trouble, but he was also using Google fonts. I’ll find out later if it disappears, too!) In the meantime, I’m having trouble styling the caption text. I’ve tried to align the caption left and pad it down so that the top line of text doesn’t overlap with the image, but no selector I try affects it. I’ve only been able to set the font in bold and the text in white, but I can’t move the text.

    http://lifedescribed.com/test/test-post/

    #30846

    Weaver
    Keymaster

    This forum is to answer questions about the Weaver Xtreme theme. We aren’t here to help with other complicated WordPress issues, which is what yours seems to be. We suggest the standard WordPress help forum for such issues. We also aren’t really able to provide general HTML styling information other than telling you which classes might be used.

    #30847

    scrambler
    Moderator

    For some reason, your rule is inserted before the theme rule.
    @weaver, it appears he placed a rule
    figcaption.wp-caption-text {color:white;  font-weight:bold; text-align: left;}

    In the Theme Custom CSS Rule box, yet that rule is appearing before the Theme default rule, so it does not override.

    I thought Custom CSS was inserted After Theme rules, am I mistaken, or has something changed?

    @mike01 In the mean time, you can force the override by adding !important on properties that do not take
    figcaption.wp-caption-text {color:white;  font-weight:bold; text-align: left !important;}

    #30848

    Weaver
    Keymaster

    @scrambler – What? I don’t see that at all. The CSS order in the HTML file for the above link that I see in the source HTML is:

    weaverx-style.min.css (the main CSS style file)
    The generated CSS, first from the option settings
    The CSS+ rules
    The Global Custom CSS rules

    Weaver Xtreme Plus puts the last 3 items into style-weaverxt.css instead of inline.

    Just where are you seeing anything different?

    #30849

    scrambler
    Moderator
    My bad, I WAS spacing out…

    I was looking at the developer tool, and I saw the Theme rule
    .entry-attachment .entry-caption,.wp-caption .wp-caption-text,.gallery-caption{font-size:.9em;margin:-.5em 0 0 0;padding:0 1em 1em 1em;position:relative;text-align:center;font-style:italic}

    And below that I saw his rule
    figcaption.wp-caption-text {color:white;  font-weight:bold; text-align: left;}

    So I thought the theme was being loaded after, when in fact, it is just because his selector was less specific than the theme selector…

    @mike01
    .wp-caption .wp-caption-text  which is the theme selector that matches your element is more specific than figcaption.wp-caption-text and this is why the them rule takes precedence.

    If you had used
    .wp-caption  figcaption.wp-caption-text {color:white;  font-weight:bold; text-align: left;}

    You rule would have worked
Viewing 5 posts - 1 through 5 (of 5 total)

The forum ‘ Not Theme Related’ is closed to new topics and replies.