Search Results for 'css'

You can try to put the code for crypto in td composer, lets make a page together:
First open a page with TagDiv Composer ( https://www.screencast.com/t/NoFIJk8c ) , drag a row and drop it at the begin of page, click on the css and set margin top -48 https://www.screencast.com/t/QfyTCPbr change on mobile and set on -32 https://www.screencast.com/t/TqIfLPrdK, look in general for row stretch and select stretch row and content https://www.screencast.com/t/VeCOUfYKiUXd , hover the empty column and click on the row from the left corner of empty column ( https://www.screencast.com/t/CnChA0H7c ) , add a column text in the row . Click on the column text you drag and click on edit content from left sidebar https://www.screencast.com/t/Y44gqFugKJ , peste the code here https://www.screencast.com/t/01CfhNhT , save the page and view it!

Let me know how it works.

You need to go in Newspaper> Theme panel. Custom code> custom css, and paste the code there; above I give you an example with live css, to show you the classes for buttons.

Thanks.

Hello WakeUpCallProject,

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

.td_block_8 .td-post-date{
display:none;
}

Thanks.

Hello swamplingman,

Unfortunately, that option is available only in Visual Composer and only for pages, sorry! If you want to affect your post titles, you should do it yourself through the code (some CSS code) for that.

Thanks for your understanding!

Hi,

Please add this code in Newspaper> Theme panel > Custom code> custom css: https://www.screencast.com/t/mpZzi6eIev4

@media only screen and (max-width: 767px){
.tdc-content-wrap{
top: -36px;
margin-top: 0px;
position: relative;
}
}

See results: https://www.screencast.com/t/yXwHpvz8

Thanks.

Hi,

Here is an example:

In one row we place 3 Text with image, the 3th we set here layout flip content, and we add an extra class on it ( https://www.screencast.com/t/SwJT2M52f ), select the second one and add an extra class ( https://www.screencast.com/t/SwJT2M52f ), after you do that you need to paste this code in Newspaper > theme panel> Custom code > custom css: https://www.screencast.com/t/1GyADh4uCy

@media only screen and (max-width: 767px) {
.show_in_desktop {
display: none;
}
}

@media only screen and (min-width: 768px) {
.show_in_mobile {
display: none;
}
}

See results desktop: https://www.screencast.com/t/6yUQglzX5Eu
Mobile: https://www.screencast.com/t/bXpSk4sFe2jj

Thanks.

Hi,

To edit the dimension of video player click the text in the top right corner https://www.screencast.com/t/3uKzduYAZ , there you’ll see the width and height, please change “width” with “max-width”.

For center align you need to ad a custom css in Newspaper>theme panel>custom code> custom css: https://www.screencast.com/t/DJsjSiADwc
.wp-video{
margin-left: auto;
margin-right: auto;
}

See results: https://www.screencast.com/t/q4qDtQr68HxM

Thanks.

Hello HKS,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, right? This behavior appears when you have additional customization through custom CSS code. Please notice that the CSS is working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly to this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new install with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css. Also, please update the theme to the latest version of it.
If you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Hope this helps!

Thanks for your understanding!

Hi,

In order to do that you need to use a custom css, please go in Newspaper> Theme panel> Custom code> Custom css and past the code:

.td-category-header .td-pulldown-filter-list li:nth-child(5) {
display:none;
}

See results: https://www.screencast.com/t/5Qj8hiZIaYv

Thanks.

If they are pages you can edit the page and remove the ads.

If the ads are in widget sidebars in posts and pages, maybe create sidebars without ads and set them.

If the ads are in the post content (top, inline or bottom ad spots) the theme does not have settings for specific posts. All it has are general settings to hide them per device
– https://www.screencast.com/t/g6L9YSkB

Hiding them with CSS is permitted by Google when using media queries
– https://support.google.com/adsense/answer/6307124?hl=en
Setting a display:none without media queries is forbidden by Google
– https://support.google.com/adsense/answer/1354736?hl=en

Maybe use a plugin such as Adrotate to better manage the ads in the website. There are many theme users that recommend this plugin. I believe it has settings for what you have to do per specific posts.
Some more about it here if you should consider it
– http://www.wpbeginner.com/plugins/how-to-manage-ads-in-wordpress-with-adrotate-plugin/
– https://ajdg.solutions/manuals/adrotate-manuals/

Hi,

You have set opacity 0 , see problem: https://www.screencast.com/t/ufBWb0YNO

Please put this css in Newspaper> Theme panel> Custom code> custom css
body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img {
opacity: 1;
}

See results: https://www.screencast.com/t/KPQAG4OiHaad

Thanks.

Hi Garba,

That can be done just whit custom css
https://www.screencast.com/t/LXMXBFt9u
If you’ll like to try, here is the code from example
.td-header-sp-logo {
background-color: red;
height: 200px!important;
width: 400px!important
}
.td-header-sp-recs{
width: 50%!important;
padding-top: 50px!important;
}

Just paste it in Newspaper>Theme panel> Custom code> Custom css

Thank you.

Hi,

Please try this code:
.td-header-style-10
.td-banner-bg {
height: 5px;
}
You need to go in newspaper > Theme panel > Custom code > Custom css , you can set any value ( 0 will be no margin )

See results: https://www.screencast.com/t/sPBQfHnkl

Thanks.

Hi,

Your feature image are set with opacity: 0
https://www.screencast.com/t/OFw4yuHyol

Please insert this code in Newspaper> Theme panel> custom code> custom css:

body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img {
opacity: 1;
}

Thanks.

I tried with an actual phone (with iOS 12), not emulator. On a emulator it looks fine. Could be a problem with the flex block when using older safari versions. Maybe some of the CSS does not work in that case so the design breaks.
If you check the theme demo page with flex blocks does it look alright?
– https://demo.tagdiv.com/newspaper/flex-block/

I could add this on our list and it will be checked, all I can do in this case.

Hello eivindert,

Please notice that each demo has own custom layout which can be found within the demo core files as you can see here -> https://www.screencast.com/t/XyG5CnUFT -> https://www.screencast.com/t/CryL423bUSGV If you are not using that demo, you should check the CSS code created for this kind of demo and try to replicate the same style for the post category element. also, if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hi,

Please try this: click on the row and set css in row
https://www.screencast.com/t/9NpAW53Wa
If you can not figure out please provide your website url

Thank you.