Search Results for 'css'

Hi,

If you are referring to images from the posts and you want to change the Caption text-> https://www.screencast.com/t/deLgcK9sAN3t -> https://www.screencast.com/t/JUhRc0F0aj

in order to change the font for caption please go in Newspaper>Theme panel>Theme fonts> Post element -> https://www.screencast.com/t/cTXwj6OPVlZo
Unfortunately for caption color you need to use a custom css
.wp-caption-text, .wp-caption-dd {
color: red;
}
You can change the color if you want.
-> https://www.screencast.com/t/53tVRJVV4
Please set the above custom css in Newspaper>Theme panel>Custom code>Custom css

Thank you.

Hi,

That is block header template 4 – https://demo.tagdiv.com/newspaper/block-header-4/
A block header template can be selected in general, in the theme panel
– http://prntscr.com/m8x6nc
Per block it can be done in the composer – http://prntscr.com/m8x78r
The per block setting will override the general setting.

So you want to customize it so that the bottom arrow be in the middle of the block title, something like this would work – http://prntscr.com/m8x5qq

Enter this code in Theme panel->Custom code CSS section

.td_block_template_4 .td-block-title>*:before {
left: 0;
right: 0;
}

All elements that use this block header will be affected by this customization. Let me know if you have more questions.

Thanks

Hi,

Only flex blocks have such an option, these blocks have many customization options
– http://prntscr.com/m8wusv

For default blocks it could be done with CSS. This should do it, use the color you want
– http://prntscr.com/m8x0sq

.td_block_22 .td-excerpt {
color: blue;
}

Thanks

Hi,

In order to do that you need to replace the css from that demo, so in order to edit the demo file you need to go in Newspaper>includes>demos>fast>demo_style.css
on line 15
https://www.screencast.com/t/IbKm1xAoc3h
https://www.screencast.com/t/GYqLtetMzTp
Hope this will help you.

Thank you.

Hi,

Please add this custom css in Newspaper>Theme panel>Custom code>Custom css
@media (max-width: 767px){
.td-scroll-up {
display: block;
}
}
-> https://www.screencast.com/t/cJzUrG1O

Thank you.

Hi,

1. So if you want to add this form in header you can do that by set the embed code from mailchimp
-> https://www.screencast.com/t/D4uFPmAhz6w -> https://www.screencast.com/t/XYdfaw9StR -> https://www.screencast.com/t/mRvc7j4K also you can add some custom css if is need.

2. When you create the forum please check only the settings you need to have in mailchimp -> https://www.screencast.com/t/pIZ7vAb96hIk

Thank you.

Hi,

If I understand correctly you want to change the header size on the mobile version.
here is an example -> https://www.screencast.com/t/2VdUfrX8
In order to do that you need some custom css, if you need help with that please provide me a link were I can take a closer look to your header.
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you.

Hi,

If you are referring on this -> https://www.screencast.com/t/EnEyws6qdc if is so you can use this custom css
add the css in Newspaper>theme panel>Mobile theme >Custom code
-> https://www.screencast.com/t/HqSTf7TfzZ7W
.td-category-header{
display: none;
}
-> https://www.screencast.com/t/Cw4otHJOi3lZ

Also I note that your thumbs do not have the proper size please try to regenerate the thumbs -> https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/ , also is possible that you have some plugins that made that happen
-> https://www.screencast.com/t/Dgm3oZAGS8
-> https://www.screencast.com/t/4MZdvmKa

Thank you.

Hi,

Unfortunately this demo have set a strong custom css, and in order to change this you need to make changes in demo style sheets, if you want to do that please go in wp-content/themes/Newspaper/includes/demos/retro/demo_style.css
-> https://www.screencast.com/t/Ns32mwZArbYI

Hope this will help you!
Thanks.

Hi,

I did some researches and I found some documentation that may help you
-> https://css-tricks.com/finding-and-fixing-slow-wordpress-database-queries/
-> https://wordpress.org/support/topic/slow-database-queries-from-mariadb-slow-query-log/
-> https://www.rackaid.com/blog/wordpress-slow-speed-up/

– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
– https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
– https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
– https://underconstructionpage.com/optimize-wordpress-database/
– https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/

Hope this will help you.

Thank you for your understating.

Hi,

Unfortunately, the theme does not have any such an option that allows you to do this, sorry! You should use your inspector browser to create your own custom CSS code and edit the header on mobile, as you wish. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ As a hint, you need to use the media queries if you want to target only the mobile devices.

Thanks.

Hi,

In order to do that you need to use custom css
-> https://www.screencast.com/t/WhAOXxg5C
In this way you can add all the css on the feature class; this is the easiest way.
Also you can try to add a class with JavaScript, please check this documentation -> https://www.w3schools.com/howto/howto_js_add_class.asp

Hope this will help you!
Thanks.

Hi,

That is possible with some CSS, a similar topic here – https://forum.tagdiv.com/topic/how-to-move-menu-items/
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Each menu item has a unique ID, this can be used to target it specifically. If you need help with it, please post a link to the website.

Thanks

So you are removing the code from the plugin, then the booster should be always active
– https://www.screencast.com/t/IvPTiFdTf
But what about this custom CSS you mention, you mean the one in the theme panel? That should not be affected by this modification in the booster plugin. I did check however with the booster active, seems to work alright – http://prntscr.com/m8ri57