Search Results for 'css'

Hello,

I reccommend adding another class to the block title so you can target it with css and not affect other block titles. Something like:
<h4 class="block-title custom-class"><span>Sign up for our newsletters</span></h4>
Then you can use the custom class to style the title for example:

.custom-class h4{
float:left;
font-size:14px;
}

I hope this helps
Thank you!

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

Hello,

This css code should fix it:

.upsells h2{
font-size:14px;
display:table;
padding-left:10px;
}

http://screencast.com/t/mXEmwq00cnT
Thank you!

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

Hi,
Yes. The theme panel-custom -> css box. Sorry for not specifying earlier.
Keep in mind that it depends on the size of the image you set, it will not be positioned well. It needs a few adjustments maybe like:
background-size: Xpx Xpx; or background-repeat: no-repeat;
Thank you!

Hello,
You can use this custom css for all of your requests:

.td-header-top-menu{
font-size: 13px;
height: 60px;
}
.td-social-icon-wrap .td-icon-font{
font-size: 13px;
line-height:50px;
}
.td-header-sp-top-menu{
line-height:50px;
}

The font-family can be changed from the theme panel->fonts section.

Thank you!

Hi,
It is a google chrome extension that allows you to create your css code and apply it live. It does not save the code, it only allows you to preview the modification. You have to add the code you create in the theme panel-> custom css box.
Thank you!

Hello,

You can remove breadcrumbs for the whole website from the theme panel: http://screencast.com/t/NbbBFdRLjJtA
If you only want to target posts, you can use css to hide them:
.td-post-header-holder .entry-crumbs{
display:none
}

Add the code in the theme panel->custom css box if you plan on using it

Thank you!

Hello,

1) Please provide more details to what frame you are talking about. Is it a block thumbnail?, a lightbox?, a smartlist?, a galery?…etc. Please provide a screenshot if you can.

2) You can use this custom CSS:

.backstretch{
position:absolute!important;
left:-13px;
width:100%!important;
}


Thank you!

Hello,

You can set a general image background from the theme panel: http://screencast.com/t/n50aBj8V
This will apply to the entire website: category pages, posts and pages. You can set a background image to a category as well: http://screencast.com/t/4kmyRMiBv
If you want to target just a page you will have to use css to do it.
First you will need to set a background color from the theme panel. Any color will do even white counts just change from the default which is an empty box: http://screencast.com/t/PzP3XZci
The you can use this code:
.page-id-754 {
background-image: url("enter image url here");
}
You can target your page id using your browser inspector. Every page has a different ID. Mine was 754. Yours will be different: http://screencast.com/t/7VqDZLTjXcr
The background will need a few adjustments to be positioned properly though.

I hope this helps.
Thank you!

Hi,

If you want to have a page with all your contributors you can create one and use Author Box block – http://screencast.com/t/91uDL9Jz – http://screencast.com/t/0dXLQwkdUr You can select the authors/contributors that you want to display using the author ID – http://screencast.com/t/tfgtw3U6E
Also if you want to display the author’s bio, please add this code in td_block_authors.php file – http://screencast.com/t/WK0YhKefG0a – http://pastebin.com/WHkGgzsX
And use this custom css in Theme Panel > Custom Css – http://screencast.com/t/QB2j8KU4

.td_top_authors .item-details {
height: auto;
}

Thanks!

Hi,

Please check this guide to update the theme from version 4 – https://forum.tagdiv.com/how-to-update-the-theme-2/
After you do a clean update and update the plugins that come with the theme you will have to run the script(to import old settings, rename the shortcode..). First please make a full backup of you current installation(also database) – https://codex.wordpress.org/WordPress_Backups
Please note that Newspaper 6 is practically a new theme, so if you have 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.

Hope this helps!

Hello,

The easiest way to remove the line is with css. Please add this code in the theme panel->custom css box.
.td-footer-bottom-full .td-container:before{
display:none!important
}
If you want to reduce the paddings, top and bottom, you can use this code:
.td-footer-bottom-full .td-container:before{
display:none!important
}
.td-footer-wrapper{
padding-top:0!important;
}
.td-footer-bottom-full{
padding-top:5px!important;
padding-bottom: 5px!important;
}

(You can change the padding values in the code to your preference.)
result:http://screencast.com/t/Mp3gZTS5

Thanks.

Hi Andy,

First of all, you should to create a custom ad. In theme panel, in Ads area you can find custom Ads field (Custom Ad 1, 2, 3, etc) like this: http://screencast.com/t/psrLHA0uTI , then have to put the shortcode ad in page-pagebuilder-latest.php like this: http://screencast.com/t/x4EpJTdce
Here, http://pastebin.com/3Jrrg4eD you can take the code.
After you have done this, please try the code below in Theme panel->Custom Css area, like this: http://screencast.com/t/idSJ5PVCnRW

.ad_left {
float:left;
padding-left: 20px;
}
.ad_right {
float:right;
padding-right: 20px;
}

The result should see here: http://screencast.com/t/OwO1IWmRk

Note: Please make sure that do not use the background image on your site. You can use this custom modification also in page.php or page-pagebuilder-title.php.

Hope this helps and let us know how it goes!

Thanks!

Hi,

Try this custom css in Theme Panel > Custom Css – http://screencast.com/t/HPLkWkRQ3e

.woocommerce .upsells h2 {
color: #fff;
}

I will also add this to our list for the next update.

Thanks!

Hi 84KcZ,

By default the theme doesn’t display the top bar on mobile devices, but you can use custom Css in Theme panel > custom css to display the top widget, like that: http://screencast.com/t/XOWNRilgrU

@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}

The result should see here: http://screencast.com/t/5SwmvehF1c

Thanks!