Search Results for 'css'

Hi,

Use the code below and place it in Theme panel -> Custom CSS area.

.td-post-content figure {
pointer-events:none;
}

Thanks

Hi,

You can try to use the code below and place it in Theme panel -> Custom CSS Area. Like this -> https://www.screencast.com/t/DxsGpwVR6h

Thanks.

Hi,

You can use The Mobile Theme -> https://forum.tagdiv.com/the-mobile-theme/
Or you can use some custom css to hide the sidebar on mobile version.

Thank you for your understanding.

I don’t see the code loaded, please enter it here
– https://www.screencast.com/t/0QLcSZkkcXBo

I tested it again, seems to work alright in the Live CSS, for both grid types
– https://www.screencast.com/t/8QmGrBHu3
Try it with important like this

.td_block_big_grid_fl_1.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb,
.td_block_big_grid_5.td-grid-style-5.td-hover-1 .td-module-thumb .entry-thumb {
transform: none!important;
}

Also clear your cache after entering the code in the theme panel.

Those thumbnails are detected as mixed content so they are not loaded
– https://www.screencast.com/t/VmCHeKukw7v0
All the thumbnails the theme creates or the website uses are in the WordPress uploads folder. Maybe the SSL implementation was not done properly and some of the images are still loading as http instead of https.
Here are some guides I found that you can follow
– http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
– https://css-tricks.com/moving-to-https-on-wordpress/
– https://yoast.com/dev-blog/move-website-https-ssl/
– https://forum.tagdiv.com/topic/moving-to-ssl/

Hi,

A made a custom css for your website, please add it in Newspaper>Theme panel>Advance css>phones
.wpb_wrapper{
padding-top: 25px !important;
}
.td-construction .td_block_template_13 .td-block-subtitle {
font-size: 42px;
}
.vc_column .wpb_wrapper .td-block-title span{
font-size: 26px !important;
}
.td-fix-index {
top: -40px;
}
https://www.screencast.com/t/1NChBqxJ

Hope this will help you.
Thanks.

Hi,

The custom color will apply like before, if you wan to color just the square please take a look at this tutorial -> https://www.w3schools.com/cssref/pr_list-style-type.asp ->
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_content_list-bullets
Hope this will help you.

Thank you for your understanding.

Hi,

1. That will be possible with a flex grid. For example flex grid 4 is similar to big grid 12. But it has many more settings including the alignment of the post meta in the modules
– http://prntscr.com/m2vrbi
In the layout tab of the flex grid there are more options if needed for further positioning of the meta.

Big grid 12 can display the meta centered by a couple of predefined styles
– https://demo.tagdiv.com/newspaper/big-grid-12/
– http://prntscr.com/m2vrvb – http://prntscr.com/m2vs3b

2. This is possible again with the flex grid mentioned above. Each module can have it’s own custom color overlay, or gradient
– http://prntscr.com/m2vsy3
For the predefined big grid 12 this would only be possible with some CSS for each module, to override the default colors. If needed I could give you the code. Let me know.

Thanks

Hi,

Unfortunately our theme do not have this option to set in menu different hover color on each category, sorry.
I think this can be done wit some custom css
Here is an example
ul li:nth-child(2):hover a:after{
background-color :green;
}
ul li:nth-child(2):hover a{
color: green;
}
ul li:nth-child(3):hover a:after{
background-color :blue;
}
ul li:nth-child(3):hover a{
color: blue;
}
https://www.screencast.com/t/0fN2vG0kU

Thank you for your understanding.

Hello,

Sorry but there is no simple method to add a swipe button to open a the mobile menu.
If you know your way around coding, you can give this method a shot: https://stackoverflow.com/questions/2264072/detect-a-finger-swipe-through-javascript-on-the-iphone-and-android
Unfortunately we will not be able to help as we cannot offer any customization services at the moment.
Adding css to the child theme will not increase page loading speed.
In order to make your site faster please use the following guides:

– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– 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/

We also recommend this Cloudflare configuration
– https://forum.tagdiv.com/cloudflare-cdn/

For speedbooster you can disable the compatibility check like so:
https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/

Thank you!

Hi,

Fixed background image, click on row, set rows stretch , check the Fixed background image https://www.screencast.com/t/UAuLfDxVbIW chenage from general to css and set a Background image https://www.screencast.com/t/yyX01hbjCRQF , after that just set some content.
The paralax is the same like fixed background
https://www.screencast.com/t/QJ2DFxlN9j3T

Thanks.

Hi,

Every page in our theme has a top padding of 28 px. If you want to remove this, please edit the page in the tagdiv composer and ad a -48px top margin on the top row of the page (access the row settings and add it in the css box model under the css tab)

Thank you!

Hi,

Please provide your site url so we can inspect this.
Also please note that if you have installed a demo, it may come with its own css/style so it may be necessary to overwrite it.

Thanks!

Hi,

In order to change the default bullet list you’ll need to change some settings in theme file, please go in wp-inculdes->css->dist->editor->editor-styles.css
https://www.screencast.com/t/MFILqsUcUW
https://www.screencast.com/t/sN7OVbHLpN
this will set in back-end the square instead of disc
and for front end add this custom css in Newspaper>Theme panel>Custom code>Custom css
.td-post-content ul{
list-style-type: square;
}
https://www.screencast.com/t/ZUpVoxJgHMk6
Hope this will help you.

Thank you.

Hi,

Try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td_social_info{
display:none;
}

Thanks.

Hi,

Unfortunately, the theme does not have any such an option that allows you to strip out unneeded code from style.css. Indeed, this file is pretty big but please notice that we tried to diminish it in the future update.

Thanks for your understanding!

Hi,

I thick you can use some flex blocks and set the image radius -> https://www.screencast.com/t/3MQfvfvs this is the easiest way ( using tagDiv Composer ), or you can make some custom css for the image you want to make round.
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.

• This reply was modified 7 years by Calin.

Hi,

The only way to display another logo image in the header would be to enter it in the header template file directly. In your case it is header style 9
– https://www.screencast.com/t/julYU0H2Qn2
It may require additional CSS for positioning it, so it will be useful to wrap the image in a div with class to target it specifically.

Thanks

Hi,

All modules can display the category tag, it just has to be enabled in the theme panel
– https://forum.tagdiv.com/category-tag-on-modulesblocks/
Block 7 uses module 6 – https://forum.tagdiv.com/theme-blocks-modules/
So the category tag has to be enabled for module 6 and it will appear
– https://www.screencast.com/t/TR7MfGJCSSOm

If this is not what you meant, please try to explain in detail what you want to do.
Thanks

Hi Viju,

Try the code below and place it in Theme panel -> Custom CSS area.

.td-module-meta-info a:hover {
color: white;
}

Thanks for the message!

Hi,

I’m sorry to hear these words from you! Please notice that our theme is fully optimized and indeed, our CSS is too large but notice that in the future we are trying to minimize it. At the moment, if you want to make some theme’s customizations, you need to edit the style.css file. The .less CSS code is not recommended to be changed.

Thanks for your understanding!

Hi,

For your first request, please notice that you need to use the Inspector browser to find your wanted CSS classes. Please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Also, please notice that each demo has an own CSS which can be found here -> https://www.screencast.com/t/7g56O83wz5

Regarding on Smart List, please make sure that you have correctly created these, according to our documentation from here -> https://forum.tagdiv.com/newsmag-smart-lists/

Thanks for your understanding!

Hi,

Those are breadcrumbs, there are font settings for theme in the theme panel here
– https://www.screencast.com/t/PeoLq6n0Zn
The settings are general and will affect all the breadcrumbs in the website. If you want to increase the font only for the blog page, use some CSS like this for example
– https://www.screencast.com/t/cWWruGExjuR

.home .entry-crumbs {
font-size: 15px;
}

Thanks