Search Results for 'css'

Hi,

Most demos contain custom design, in this case the fitness demo ads a predefined color to the header menu among others
– https://forum.tagdiv.com/topic/links-color-over/

You could remove that demo customization from the demo stylesheet as mentioned in the topic.
Or use some CSS in the theme panel to override it – https://pastebin.com/cJijjEqA
The color will be the one you use in the code – https://www.screencast.com/t/mZlzfE7FZT
Also please check these topics
– https://forum.tagdiv.com/topic/hover-color-wont-change/
– https://forum.tagdiv.com/topic/links-color-over/

Thanks

Hi,

That will make the font bold, like this – http://prntscr.com/lrxliu
You can add more CSS to the code if you wish to make it more visible, like font-size, or color. I will help you if that is what you want. For example
– http://prntscr.com/lrxmzx

Code used

.td-load-more-wrap .td_ajax_load_more {
font-weight: bold!important;
font-size: 15px;
color: black;
}

Thanks

Hi,

There is indeed a darker gradient applied to the bottom of the images
– http://prntscr.com/lrxj67
That would be to make the image caption more visible. I could give you a code to remove it
– http://prntscr.com/lrxk5d

Please enter this code in Theme panel->Custom code CSS section, and it should be removed

.mfp-figure:before {
display: none;
}

Thanks

Hi,

Unfortunately for that moment this is possible just with custom css, please provide a link were I can inspect your main, in this way I will be able to provide you the right custom css, also please provide some details with what you want to achieve.

Thank you for your understanding.

Hi,

Please replease the aboce custom css with this one.
@media (max-width: 767px){
#td-top-mobile-toggle {
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.header-search-wrap {
display: inline-table;
left: 0;
}
}
Thanks.

Hi,

Try this custom css
.td_block_big_grid_fl_6 .td_module_mx22 {
height: 350px;
}
You can change the value of height.

Thanks.

Hi,

Then please add the below css for the mobile in Newspaper>Theme panel>Custom code>Custom css
@media (max-width: 767px){
.td_block_big_grid_4 .td-big-grid-post {
width: 100%!important;
}
}

Thanks.

Hi,

The image is already the full width of the post content (696px with sidebar). The rest of the content is wider for some reason
– http://prntscr.com/lred0e
I see other posts from the website have the same issue, others have the post content too narrow
– http://prntscr.com/lreaqh

From what I can tell the posts have been built with Visual composer, we strongly don’t recommend this, but have taken steps to try and fix layout issues that could appear.

1. In the case where the content is narrower maybe you have designed the content with a sidebar in Visual composer (split row)
– https://www.screencast.com/t/BDOre6r3
You would have to edit the post and make the row full (no sidebar). There is no need for a sidebar in the post content.

2. In the other case where the content is larger, I could give you a CSS for it
– http://prntscr.com/lretvf
Enter it in Theme panel->Custom code CSS section. It should fix that case.

@media (min-width: 767px) {
.single .vc_column_container {
padding-left: 24px;
padding-right:24px;
}}

3. As for building posts, you could try out from now on to use the tagDiv composer and cloud library plugin
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
This will allow you to build post templates actually, not the post content itself. The cloud post templates can be seen and even edited here
– https://affiliate.tagdiv.com/#/load/Single

Please let me know if you have more questions.

Thanks

Hi,

Please remove this custom css from Newspaper>Theme panel>Custom code >Custom css
and paste it in Newspaper>Theme panel>Advanced code in all device, but not in phones
https://www.screencast.com/t/dMYXiJI0VpD
.td_block_big_grid_4 .td-big-thumb:hover{
border-radius: 10px;
border: 1px solid black;
}
.td_block_big_grid_4 .td-big-grid-post .td-module-thumb {
background-color: transparent;
}
.td_block_big_grid_4 .td-big-grid-post {
width: 49%;
}
.td_block_big_grid_4 .td-big-thumb {
padding-right: 0px;
margin-right: 1%;
}

Hope this will solve your problem.

Hi,

Please add this custom css in Newspaper>Theme panel>Mobile theme >Custom code section css
body{
background-color: #fff;
}
https://www.screencast.com/t/7Ch0kh6VGtnQ
https://www.screencast.com/t/J183Ji2w5

Thank you.

Hi,

This custom css will bold all links from single posts, and will change the color accent/hover of those links
https://www.screencast.com/t/EKa7VDVjjY
.single .td-post-content a{
font-weight: 600;
}
.single .td-post-content a:hover{
color: green;
}
Just paste it in Newspaper>Theme panel>Custom code>Custom css

Thank you.

Hi,

If I understand correctly you want to achieve this https://www.screencast.com/t/dIpe5itHR
Please paste the css in Newspaper>Theme panel>Custom code>Custom css
@media (max-width: 767px){
#td-top-mobile-toggle {
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.header-search-wrap {
left: 0;
}
}

This will work only if you do not have mobile theme activate.
If you are using the mobile theme please add this custom code in Newspaper>theme panel>Mobile theme > Custom code
#td-top-mobile-toggle {
position: absolute;
top: 0;
right: 0;
}
.td-search-icon{
left: 0;
}
https://www.screencast.com/t/43KvG19wb

Thank you.

Hi,

If this is what you want to achieve https://www.screencast.com/t/N98NqR4cwa please add the below custom css in Newspaper>Theme panel>Custom code>Custom css
.td-full-layout .td-stretch-content .td_block_big_grid_fl_6 .td_module_mx22 {
height: 350px;
}

Thanks.

Hi,

Indeed, that demo has some customization for block 15 (removes the thumbnail and ads some design)
– http://prntscr.com/lr2krm

When installing a demo an additional stylesheet will be loaded
– https://www.screencast.com/t/s0ygO0nAd8lO
That contains design for the particular demo. It will not be through the theme panel custom CSS section, but an additional stylesheet.

The connection will be through the demo body class that will be set
– https://www.screencast.com/t/HT3xz2kSG

You could also use flex blocks, these have settings to hide the thumbnail and many customization settings
– https://www.screencast.com/t/f1emI5vFKzIf
Here you can preview and even edit designs made by us based on flex blocks
– https://affiliate.tagdiv.com/#/load/Blocks

These cloud blocks and templates can be imported through the cloud library plugin
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/

Let me know if you have more questions.

Thanks

Hi,

Pleas try this custom css to reduce the space between main menu and featured image

.td-post-template-12 .td-post-header .entry-title, .td-post-template-13 .td-post-header .entry-title {
    padding-top: 0px;
    padding-bottom: 0px;
}
.td-post-template-12 .td-post-header, .td-post-template-13 .td-post-header {
    margin-bottom: 0px;
}

Please replace the above code with this one
.td-header-style-10 .td-logo-wrap-full {
min-height: 90px!important;
line-height: 90px;
}

Thank you.

• This reply was modified 7 years by Calin.

Hi,

You can use this css to reduce the space for logo
.td-header-style-10 .td-logo-wrap-full {
min-height: 90px;
line-height: 90px;
}
Please the css in Newspaper>Theme panel>Custom code>Custom css

Please provide a link were I can inspect the pace between main menu and featured image.

Thank you for your understanding.