Search Results for 'css'

Hello !

Please try this css code: .td_block_slide .td-slide-nav {
opacity: 1;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hello !

Please use this css: .td-main-page-wrap {
padding-top:0px;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hi,
Now the best way is using tagdiv Composer, but if I do not know exactly how the elements were set I can not help with screenshots step by step.
Another method it can be some custom css -> https://i.imgur.com/woDMRHf.png
.single .td-post-sharing, .single .tdb_single_date {
text-align: left!important;
width: 100%;
}
This code need to be set in theme panel> custom code> advance css> phone.
Hope it will help you!
Thank you!

Hi ChampLife,
Normal the custom css that you have set here https://prnt.sc/vc7fl5 should not be lost, but to be sure, you can move that code from there in theme panel> custom code> custom css.
Unfortunately I do not know what to say about the code set in “Snippets” plugin, normal if the code is not set in theme/plugins files, then this is saved in database and should not be lost when you update the theme or plugins. But just in case, please make first a full backup.
Thank you!

Hello !

Please use this css code: .td-fashion-pro .wp-caption .wp-caption-text {
border-left:solid 10px red;
}

Simply change red to any color you want.

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hi,
Indeed the options from google is possible to not work, what you can do is to set a custom css like this one -> https://i.imgur.com/cbqjifD.png -> https://i.imgur.com/THag01z.png
.single ol li {
list-style-type: lower-alpha;
}
This code need to be set in theme panel> custom code> custom css.
Hope this will help !
Thank you!

Hi kennyvolk,
For this you can make some adjust using tagDiv Composer -> https://i.imgur.com/zgQjdqo.png -> https://i.imgur.com/dHPAqPi.png the problem is that those changes will affect the desktop settings. What you can do is to select the elements and use the options from css tab -> https://i.imgur.com/Yd4vlow.png -> https://i.imgur.com/G94coDy.png in this way you’ll be able to edit the elements per view port.
Hope this will help you!
Let me know the results!

Hi mpkrieger1,
Indeed there seems to be some problems with the buttons, these are bracken now
If you want I can take a look to the staging to see if I can not adjust it without using some extra css.
Thank you!

Hi insert_JSH,
Normal our theme is using by default the H3 to display the post titles in modules -> https://i.imgur.com/MPb4geX.png now if you only want to add some css on these H3 you can use the classes that are set “entry-title” then set the link “a” -> https://i.imgur.com/85YbojF.png here is an example of code :
.entry-title a:after{
content: '';
position: absolute;
width: 0; height: 3px;
display: block;
margin-top: 5px;
right: 0;
background: #fff;
transition: width .2s ease;
-webkit-transition: width .2s ease;
}
.td-animation-stack:hover .entry-title a:after{
width: 100%;
left: 0;
background: red;
}
This code need to be set in theme panel> custom code> custom css.
Also if you want to apply the code only for h3 use this custom css:
h3.entry-title a:after{
content: '';
position: absolute;
width: 0; height: 3px;
display: block;
margin-top: 5px;
right: 0;
background: #fff;
transition: width .2s ease;
-webkit-transition: width .2s ease;
}
.td-animation-stack:hover h3.entry-title a:after{
width: 100%;
left: 0;
background: red;
}

Hope this will help you!

Hello !

Unfortunately that element will need to be looked after with the inspector tool ( F12 on google chrome )

For what you need it is a better practice to set a custom css tag as you can see here: https://www.screencast.com/t/j209MB740Db And use a css code like this:

https://www.screencast.com/t/AlX9fifb

Code example: .weekly {
display:none;
}

If you want to be displayed, simply set it to block: .weekly {
display:block;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hi jjest_jjest,
That effect is from css, normal on this word -> https://i.imgur.com/xRVWgKC.jpg is set a different size and is take 1s until this is set, now the problem is that when is set the original size there is not enough space to display the word in one row and is displaying like this -> https://i.imgur.com/yzasx6b.png what you can do is edit the page with tagDiv Composer and move the word in other column wright not I think that you have 3 columns on that line -> https://i.imgur.com/wrNflXb.png
let me know the results!

Hi,
Unfortunately in Newsmag theme is no option to can edit the h tags, this can be done only with custom css, if you need help with this I can help you! Just provide me a link to your website and let me know whet element you want to style and I will try to help you as much as I can.
Thank you!

Hello !

Much code is not needed, maybe some css adjustments.

As for the width of your templates you have some pre-set settings for the ROWs as you can see in our video here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=5s

You can create multiple post types and assign them to the category or individually as you can see here: https://www.youtube.com/watch?v=I1R3j1QYod0

I hope this helps.

Thank you !

Hello !

Please use this css code for this: .td-main-page-wrap {
padding:1px!important;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hello !

Depending on what you are looking to translate that can be done from theme panel – translations.

In order to remove the author from posts simply use this css code: header .td-module-meta-info .td-post-author-name {
display:none;
}

The code must be inserted in here: https://www.screencast.com/t/Qk1mdyD8k

Let us know the result !

Thank you !

Hello !

That can be done using css as you can see here: https://www.screencast.com/t/2YivqcdAOjKP Also you can take a look at our example here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=1s

I hope this was helpful !

Thank you !