Search Results for 'css'

Hi,

Please check this css in Theme Panel > Custom Css – http://screencast.com/t/FEnpBLUsAuG4 and change the values like you need:

.td-header-style-10 .td-header-sp-logo {
margin-top: 20px;
margin-bottom: 20px;
}
.home .td-main-page-wrap {
padding-top: 20px;
}

Thanks!

Hi,

Please use media queries to not affect other device than desktop. For example the default css for this is – http://screencast.com/t/cR6FrW8zIn but for smaller devices – http://screencast.com/t/k5hmqZ9puBh
Your css applies a fixed width also for tablets and phones, so you could try like this:

@media (min-width: 1181px) {
.td-boxed-layout #td-outer-wrap {
width: 1100px !important;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
width: 1100px !important;
}
}

Thanks!

Hi,

I have checked your site, so if you refer to this – http://screencast.com/t/emYDBhmUF7Y – http://screencast.com/t/R0aqulb6bm8Q the solution is what I said above.
The Speed Booster plugin(I see you use it) moves the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default font appears first then it changes, because of the cascading property of css. To avoid this you will have to change it directly in the style.css file – http://screencast.com/t/7aEC0Nnniq

Thanks!

Hi,

Do you want the same format on Newspaper? You will have to use custom css to achieve this – http://screencast.com/t/J4oC4cVha

.td-module-comments {
background-color: #848484 !important;
border-radius: 2px;
border-bottom-right-radius: 0;
}
.td-module-comments a {
color: #ffffff;
padding: 2px 6px 3px 6px;
display: inline-block;
min-width: 25px;
height: 20px;
line-height: 16px;
background-color: transparent
}
.td-module-comments a:after {
left: auto !important;
right: 0;
border-color: #5b5b5b transparent transparent transparent;
border-width: 5px 5px 0 0;
bottom: -5px;
}

I provide an example, if you want additional customization I suggest to hire a freelancer to do it for you as we cannot provide custom work.

Thanks!

Hi,

Newspaper 6 is practically a new theme, the whole code was rewritten so you have do a clean update and make sure that no old files remain, check this guide(try FTP method or wordpress) – https://forum.tagdiv.com/how-to-update-the-theme-2/ also please disable all your plugins and always make a full backup of your site.
After you update the theme, please run the script, like it is specified in the documentation(it will import old settings, rename the shortcodes..) and update also the theme’s plugins.
Please note that the old custom modifications to the files or custom css will not work, you will have to adjust and re-add them. Unfortunately you have to re-add the widgets to your sidebars(the custom sidebars will be imported – you don’t have to create them again) as they will become inactive or doesn’t exist in version 6.
Let me know how it goes!

Thanks!

Hello Aleks,

You cannot target these options with css. You have to remove them from the core files.
To remove the second dropdown comment out or delete this code here:
http://screencast.com/t/fZJ7vvonLm2
To remove numbers you have to do it from the files as well: http://screencast.com/t/SlA1iGFQ
I hope this helps.

Thanks.

Hi,

You could use the default header template – http://screencast.com/t/086fBamX8 so the header ad will be placed beside the logo. And if you want to add additional banner bellow the main menu, you need to edit header-style-1.php and use this code to dislay a custom ad – http://screencast.com/t/6nd1wRRQ

<?php echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'custom_ad_1')); ?>

Adjust it using custom css – http://screencast.com/t/vf7tivbhnh0G

.td-a-rec-id-custom_ad_1 {
margin-top: 20px;
}

If you use adsense code change a to g like this – .td-g-rec-id-custom_ad_1

Thanks!

• This reply was modified 10 years by Alin [tagDiv].
• This reply was modified 10 years by Alin [tagDiv].

Hi,

You have this issue because you use Visual Composer on posts page, unfortunately the tagdiv gallery was not designed for to be used in a text block. We will take a look at this and we will try to fix it in a future update. Please try thsi custom css until we fix this: http://screencast.com/t/nObvBKsvR

.single .wpb_text_column .td-gallery-slide-copywrite {
background-color: rgba(0, 0, 0, 0.8);
display: inline-block;
float: left;
font-size: 11px;
font-style: italic;
line-height: 1;
padding: 4px 6px;
text-align: left;
}
.single .wpb_text_column .td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
bottom: -50%;
left: -85%;
margin: auto;
overflow: auto;
position: absolute;
right: -50%;
top: -50%;
}

Thanks!

Hi,

You could add this custom css in Theme Panel > Custom Css to apply this for WP widgets – http://screencast.com/t/Z6BpWlaSqx

.widget .block-title > span, .widget .block-title > a, .widget .block-title > label {
width: 100%;
}

Thanks!

Hi,
You can target the more articles box with CSS:

.td-more-articles-box.td-front-end-display-block{
background-color:red
}

Place the code in the theme panel->custom CSS box
result: http://screencast.com/t/bb4sn6TjDS5w

Thank you!

Hi,

We already added an additional css file for Woocommerce and it will be loaded only when Woocommerce plugin is active – http://screencast.com/t/mssrs9kJt We will try to find a solution also for bbpress in a future update. You can search andremove all the bbpress related css from stylesheet file if you want this – http://screencast.com/t/f44S8MHRF7Mv

Thanks!

Hi,

To correct the image margin, you can add a custom CSS rule:

@media (min-width: 1141px){
.td-header-sp-logo img{
margin-top:20px;
}}
@media (max-width: 1140px){
.td-header-sp-logo img{
margin-top:40px;}}

@media (max-width: 1018px){
.td-header-sp-logo img{
margin-top:50px;}}

Add this in the theme panel->custom CSS box and it should fix the margin on every viewport.
This code applies to this particular logo. If you change the logo, you have to remove the code or adjust the margins on it.

Thank you!

• This reply was modified 10 years by Bogdan B..

Hello ,
There is a block that has titles above images if you want to use it:
http://demo.tagdiv.com/newspaper/block-6/
If not, you can move the title of block 13 to the top with this custom CSS:

.td_module_14 .td-module-meta-info{
bottom: 325px;
}
.td_module_14 .entry-title:after{
border-bottom:none;
}

result:http://screencast.com/t/UAl470fZvQ

Thank you.

Hello chauffeur,

You can try to change the big grid style: http://screencast.com/t/egHUbXet3P
Every style has a different effect over the images. You can check these styles in action here: http://demo.tagdiv.com/newspaper/big-grid-3/
If you want a lighter style, you can chose style 4 and if you don;t like the background-color of the title, you can remove it with this custom CSS:
.td-grid-style-4 .entry-title{
background-color: rgba(0, 0, 0, 0.4)
}
result: http://screencast.com/t/X4UzrlwD
You can change the color and transparency in the code to the one you like best.

Thank you!

Hi,

Do you refer to a delay regarding fonts, colors when your page is loading?
This happens because of the cascading property of css, the default css loading first and then the custom one. Also if you use speed booster could affect this, which moves the css and js at the bottom of the page structure so that the page will load faster. A solution is to change the color directly into css stylesheet file.
If this is not what you mean please provide more details, a screenshot and a link may help.

Thanks!

Hi,
I think you mean the post titles from the trending now ticker. http://screencast.com/t/OvSFeHSQ
Use this css to change them.

.td_module_trending_now h3 > a{
color:#4caf50;
}

I hope i got it right this time.
Thanks.