Search Results for 'css'

So you want the post tags to appear there. That is not possible at the moment. In the coming theme updates there will be options to position the post elements differently in the post page. So for example placing the post tags below the post title will be an easy task.

If you want to do that now, you will have to make modifications to the post template file and maybe some additional CSS. These are some similar topics
– https://forum.tagdiv.com/topic/post-tags-over-the-post/
– https://forum.tagdiv.com/topic/move-date-and-time-from-top-to-bottom-article/

Hi,

The template design has some opacity transitions in the design for the top header part
– https://www.screencast.com/t/UbRUp2orZ1
There is a 2 second opacity transition for the background image, try removing this transition for mobile (Advanced CSS phones section)

body.single_template_8 .td-backstretch {
transition:none;
}

Check if this has any effect.

Hi tmaghrebt,

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

.twitter-tweet{
margin-left:auto;
margin-right:auto;
}

The result is here -> https://www.screencast.com/t/jsD8N9fx

Thanks.

So similar to how they have it on this website, for paragraphs
– https://www.shoutmeloud.com/top-10-killer-tips-to-increase-google-crawl-rate.html
They use an extra class for the paragraph, with afferent design
– https://www.screencast.com/t/hzWJAmkN
You could do the same if that is what you want, for the headings
– https://www.screencast.com/t/q15EyyKV
– https://www.screencast.com/t/DnnFArbQ

.myclass {
margin-bottom: 20px;
color: #fff;
padding: 10px 0px!important;
color: #fff;
background: #333;
border-left: 50px solid orangered;
border-left: 50px solid #e3393a;
background: #333!important;
}

Or do it this way, either method will work
– https://www.screencast.com/t/TnqXooUORD3
– https://www.screencast.com/t/z2N3NOAeC4

Modify the code as you please, then enter it in Theme panel->Custom CSS.

Hi,

@allongeorgia Firstly the link color can be defined when creating it, in the post edit screen
– https://www.screencast.com/t/2BY6vccjP
If you don’t set a color there, the theme accent color will be the color of the links
– https://www.screencast.com/t/9KU8PWOk
Changing the theme accent color will change the link color. If you don’t want to change the theme accent color but only chnage the link color in the post content, use a code like this
– https://www.screencast.com/t/BTjgkzpcXMEF

.td-post-content a {
color: yellow;
}

This is a guide on how to use the browser inspector to create CSS code for various website customization
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

From what I can see there is a code that affects the images inside the post content, maybe other images as well
– https://www.screencast.com/t/gnx2JYf9M9Ep
That code is overriding the theme code and enlarging the images. If you have custom code like that entered in the custom CSS provided by the theme or a plugin maybe, remove it or modify it.

Thanks

Hi,

That would be the page padding top, you could remove it by entering this code in Theme panel->Custom CSS

.home .td-main-page-wrap {
padding-top: 0;
}

Result – https://www.screencast.com/t/8ugoXzPLi

Thanks

Hello,

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

#post h1.header{
border-color:green;
}

The result is here -> https://www.screencast.com/t/1MxgSUsg

But I guess that you are not using our theme on your website…

Thanks.

Hello Jose,

Please try using the code below and place it in Theme panel -> Custom CSS Area.

.td-post-template-5 .td-post-header .entry-title{
text-align:center;
}
.single h2 {
color:red!important;
}

The result is here -> https://www.screencast.com/t/JpOqNDk7Un

Thanks.

Hello,

You will need to inspect each element as a general code could not apply to every element using the heading tags. Css is very specific. I will need specific example s so I can provide a stronger selector than the one already provided by the theme so the code can be rewritten by the new css.

Thank you!

Hello,
You can try to add this code in the theme panel-> custom css box:


.td_block_big_grid_fl_9 .td-big-grid-post-1 .td-module-image, .td_block_big_grid_fl_9 .td-big-grid-post-1.td-module-empty .td-module-thumb{
top:1px!important;
}
.td_block_big_grid_fl_9 .td-big-grid-post-2 .td-module-image, .td_block_big_grid_fl_9 .td-big-grid-post-3 .td-module-image, .td_block_big_grid_fl_9 .td-big-grid-post-2.td-module-empty .td-module-thumb, .td_block_big_grid_fl_9 .td-big-grid-post-3.td-module-empty .td-module-thumb{
bottom:0!important;
}
.td-big-grids-fl.td-big-grids-margin .td-big-grid-post{
border-width: 1px;
}

Thank you!

Hello,
The google fonts in our theme will be called through https automatically if the implementation is done properly:
https://www.screencast.com/t/1nSqdO8zG – https://www.screencast.com/t/a4QEnRvJf5

Please sue these guide to make the implementation properly:
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/

Thank you!

That post template featured a parallax effect, it will add some opacity, please check the demo post template 7
– https://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/
Try scrolling down slowly from the top of the post, while observing the post title fading.
This effect could be removed if this is required, enter this code in Theme panel->Custom CSS code

.single_template_7 .td-parallax-header {
opacity: 1!important;
}

Result – https://www.screencast.com/t/tGYzT7yjCq