Search Results for 'css'

Hello technouk,

Try using the font-size CSS property and add it to your custom code if you want to achieve these changes. For more information about this CSS rule, please check here -> https://www.w3schools.com/cssref/pr_font_font-size.asp

Thanks for your understanding!

Hi,

If you mean the avatars here on the forum, that is simply a border radius set on the default avatar image
– https://www.screencast.com/t/DiOAju4PicJH
This forum is custom made with bbpress
– https://codex.bbpress.org/getting-started/
You could style the forum further with CSS, maybe try codes like this
– https://codex.bbpress.org/bbpress-styling-crib/
Or create your own code, using the browser inspector to identify the elements and classes
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello Zoran,

You should use a bit of CSS code in order to have this alignment. Try to place the following code in your Custom CSS box and check the results.

.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern{
display:inline!important;
}
.wp-image-713{
float:left!important;
}

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

Thanks for the message!

Hi,
Please add this code in the theme panel-> custom css box:
.td-icon-close-mobile, .td-search-wrap-mob .td-search-input span, .td-search-wrap-mob .td-search-input, .td-search-wrap-mob #td-header-search-mob, .td-search-wrap-mob .result-msg{
color:red!important;
}
.td-search-wrap-mob .td-search-input:before, .td-search-wrap-mob .td-search-input:after{
background-color:red;
}

Thank you!

Hello,
thsi comes from the header style that you use. Differet header styles provide different results.
Please add this code in the theme panel-> custom css box:

.td-header-gradient:before{
display:none!important;
}

Thank you!

Hello,
1) Sorry but the theme does not have any option in this regard. It can only be done custom css. Please provide a link to your site so I can provide the proper css code.

2)sorry but the theme has no such functionality.

3) same as 2

4) The social counter has a few different styles to choose from: https://forum.tagdiv.com/social-counter-styles-on-newspaper/

Thank you!

Hi,

On pages you could set a background color for each of the columns for example
– https://www.screencast.com/t/wOiEWv1l
On category pages you can sue some CSS code to customize the category page
– https://www.screencast.com/t/PBl8yUaelW
This is a guide about using the browser inspector to identify the elements on the page and their classes, and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
This is the code I used in the example for the category

.category .td-main-content-wrap,
.category .td-category-header,
.category .td-scrumb-holder {
background-color: grey!important;
}

Thanks

Hi,

That would be possible with some custom CSS. Try a code like the one provided below. The grid will look like this in after adding the code
– https://www.screencast.com/t/PeP6iI8u
And like this when hovered
– https://www.screencast.com/t/1xct16btt
The code must be entered in Theme panel->Custom CSS if you decide to use it

.td-grid-style-7 .td-big-grid-post .td-module-thumb a:last-child:before {
background: none;
}
.td-grid-style-7 .td-big-grid-post .td-module-thumb:hover a:last-child:before {
background: yellow;
}

Thanks

Hello,
There seem sot be a css issue regarding apple devices only.
Please add this code in the theme panel-> custom css box:

.td-grid-style-3 .td-big-thumb .td-meta-info-container{
position:absolute!important
}

We will fix this issue in the next update.

Thanks.

Hi,

You could create something like that, with custom CSS code. This demo is also somewhat similar to that design
– https://demo.tagdiv.com/newspaper_architecture/
Analyzing the demo with the browser inspector you can see how it is made
– https://www.screencast.com/t/UPLYieAxhw
Here is a guide that will help you use the browser inspector to identify the elements on the page and their classes, and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

@nostalgi If you want to center the page title, try a code like this for example
– https://www.screencast.com/t/VxK6atcIT5yS
Enter the code in Theme panel->Custom CSS

.td-page-title {
text-align:center;
}

If this is not what you meant, please provide more details and a link to your website if possible for a more accurate solution.

Thanks

Hello,

It can be removed with css. Maybe this topic will help:
https://forum.tagdiv.com/topic/how-to-remove-paddingmargin-between-full-grid-and-header/

Thanks.

Hi,

Please provide a link to your site so I can inspect it and see if a css solution is found.

Thank you!

Hello,

As it is a simple css isn’t it simpler to just copy and paste it instead of looking through the db? It is a simple string of text you can copy from the main domain over to the new one and that’s that. You can even save a copy on your pc in a txt file for safe keeping.

Thank you!

Hello,

Please add this code in the theme panel-> custom css box:

@media (max-width: 1023px) and (min-width: 768px){
.td_block_15 .td_module_mx1 .td-module-thumb{
width:253px!important;
}
}
@media (min-width: 1023px){
.td_block_15 .td_module_mx1 .td-module-thumb{
width:342px!important;
}
}

Thank you!