Modify text overlay in Newspaper X - Modules

is it possible to change the way the text is being overlayed on the featured images in the Newspaper X - Modules? (Header & Post Layout A, B, C D).

Specifically I’d like to change the colour, add a coloured box around the text for better readability depending on the featured image being chosen.

Also am I right in assuming that the Newspaper X widget Modules create the image boxes using the Fancybox plugin for the effects?

I’m also experiencing weird behaviour when it comes to offset in POst Layout widget modules, sometimes when I change the show post and offset settings if i put offset to 0 the save button doesn’t work and the slider disappears.

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change color*/
div.newspaper-x-post-info h1 a {
    color: #e041e0;
}
div.newspaper-x-post-info h6 a {
    color: #f03cf0;
}

The strange behehviour.
Can you provide more information on your WordPress installation?
WordPress version and PHP version?

In addition to this try disabling all plugins except those recommended by the theme.

Best regards,
Support.

Hi and thanks for the reply!

change color*/ div.newspaper-x-post-info h1 a { color: #e041e0; } div.newspaper-x-post-info h6 a { color: #f03cf0;` </blockquote>

this worked but while I was researching the forum further I realized I could modify the css, learned what a css is and started fiddling myself (this is my first online IT project, I manage both the server and the website), I ended up doing something different:

/* makes the theme take the full width */
spaper-x-recent-posts {
    padding-left: 0px;
    padding-right: 0px;
}
.site-content {
    padding-left: 0px;
    padding-right: 0px;
}
.site-header {
    padding-left: 0px;
    padding-right: 0px;
}

/* change header text behaviour to align in the middle, including the div, probably breaks logo and banner in header from the theme */
div.col-md-4.header-logo {
	width: 100%;
	text-align: center;
}

/*manage text in the X-Newspaper-Header-Module overlayed text*/
div.newspaper-x-post-info {
	text-shadow: 2px 2px 1px black;
}

But I’ll definitely improve my solution with your guidance, I’ll separate h1 and h6 tags text behaviour separately.

In regards to the strange behaviour regarding widget settings not being saved/appearing/buggy this is my install info:

WordPress version 4.9.1
PHP version 5.4.16 (64bit)
MySQL version 5.5.52-MariaDB
cURL version 7.29.0
Server nginx/1.10.2
Operating System Linux
PHP SAPI fpm-fcgi

and this is my plugin list, I will check one by one and report which one broke the Newspaper-x widgets for other people’s reference if that’s the case, which I believe it is since it was working before I started installing plugins, it’s the first time I’m using wordpress as well, so again, thanks for the support.


+------------------------------------+----------+-----------+-----------+
| name                               | status   | update    | version   |
+------------------------------------+----------+-----------+-----------+
| accelerated-mobile-pages           | active   | none      | 0.9.72.1  |
| advanced-wp-reset                  | active   | none      | 1.0.1     |
| akismet                            | active   | none      | 4.0.2     |
| autoptimize                        | active   | none      | 2.3.2     |
| backwpup                           | active   | none      | 3.4.4     |
| canva                              | active   | none      | 1.2.4     |
| crypto-coin-ticker                 | active   | none      | 1.0.2     |
| cryptocurrency-prices              | inactive | available | 2.5.3     |
| cryptocurrency-price-ticker-widget | inactive | none      | 1.3       |
| cryptocurrency-rocket-tools        | active   | none      | 1.3.2     |
| fancybox-for-wordpress             | active   | none      | 3.0.13    |
| modula-best-grid-gallery           | active   | none      | 1.2.1     |
| google-analytics-for-wordpress     | active   | none      | 6.2.6     |
| hello                              | inactive | none      | 1.6       |
| ico-list-widget                    | inactive | none      | 1.0.0     |
| jetpack                            | active   | none      | 5.7       |
| kades-crypto-widgets               | inactive | none      | 1.0.2     |
| kiwi-social-share                  | active   | none      | 2.0.5     |
| schema                             | active   | none      | 1.6.9.8.1 |
| shortcode-widget                   | active   | none      | 1.5.1     |
| simple-custom-post-order           | active   | none      | 2.3.2     |
| so-widgets-bundle                  | active   | none      | 1.11.3    |
| tinymce-advanced                   | inactive | none      | 4.6.7     |
| widget-importer-exporter           | active   | none      | 1.5.2     |
| wordfence                          | active   | none      | 6.3.22    |
| wordpress-importer                 | active   | none      | 0.6.3     |
| wordpress-seo                      | active   | none      | 6.1.1     |
+------------------------------------+----------+-----------+-----------+

Again, thanks for the support, I also have another request regarding the header, should I open another thread for a better forum?

Hello there,

It would be better to open a new thread so that the solution can be easily found by other users.

Best Regards,
Support