WordPress.org

Ready to get started?Download WordPress

Forums

WP Photo Album Plus
[resolved] How can I adjust .wppa-thumb-text? (7 posts)

  1. lornepike
    Member
    Posted 1 year ago #

    I have been trying to reposition the title of each thumbnail so that it will appear superimposed over the bottom of the photo, with a semi-transparent black background. I am comfortable in doing this with CSS, but I have not been able to affect the title.

    I am trying to change .wppa-thumb-text in wppa-style.css, but the styles are being overridden by the Settings panel. How do I override the override, so that I can change the css for these title blocks?

    Thanks very much!

    http://wordpress.org/extend/plugins/wp-photo-album-plus/

  2. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    If you can not change the setting in the settings panel, add/change it in the css file. If the setting overrules your modification, add !important to your mod like:

    .wppa-class {
    setting: 123px !important;
    }

    Also, read: http://wppa.opajaap.nl/customizing-wppa/modifying-css/

  3. lornepike
    Member
    Posted 1 year ago #

    Thanks for the reply. I had already been adding !important but it did not make any difference. I am quite confident that I have properly copied wppa-style.css into my theme's directory; it is visible when I am editing the theme, and I can make and save changes to it. Those changes simply are not recognized on the Website though.

    However, when I make those same edits directly onto the general style.css stylesheet, they do indeed show up on the Website. So I can proceed using that approach, but don't know if this will somehow create problems down the road. Are there any concerns with doing things this way?

    Thanks again.

  4. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    Just save your modifications against overwrite through an update. For wppa+ it is no problem where you put it, if it works, and you saved it its ok.

    If you use a child theme, put the modified wppa-style.css in the original theme (template dir), not in the child...

  5. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    In the source from the browser you can see in the head section which (css) files are loaded.

  6. lornepike
    Member
    Posted 1 year ago #

    You caught it... I had been putting the modified wppa-style.css file in the child theme's directory. That should get things moving again.

    Thanks again!

  7. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    Great!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic