Search Results for 'css'

Hi,

Please try this custom css in Theme Panel > Custom Css and see if it works:

.td-a-rec-id-header {
top: 0px;
}

Please provide your site URL so I can inspect this, if css code doesn’t help.

Thanks!

Hi,

Please use this custom css in Theme Panel:
*For category page – http://screencast.com/t/IeCRfIIGTZSv

.archive .span4.column_container .td-g-rec-id-custom_ad_1 {
margin-bottom: 10px;
}
.archive .span4.column_container .td_block4 {
padding-bottom: 5px;
}

*For post page: http://screencast.com/t/GbHuLc29MZ

.td-post-sidebar .td-g-rec-id-custom_ad_1 {
margin-bottom: 10px;
}
.td-post-sidebar .td_block4 {
padding-bottom: 5px;
}

Thanks!

Hi,

If you want to display ticker on all of your pages(page, category, post…) you can add the ticker bellow the main menu. You need to create a file in parts folder like – http://screencast.com/t/fYkP3Rq1
and add your shortcode – http://pastebin.com/WLUSLqtj
Then call that template in header.php: http://screencast.com/t/7GVwtPJWePC

locate_template('parts/header-style-1-ticker.php', true);

You may need some css customization, but you can add an extra class to the ticker container and use it to customize.
If you want your ticker only for page templates you have to edit those files depending which page template do you use – http://screencast.com/t/1gt1C89hd

Thanks!

Hi,

Unfortunately it’s not an easy task, you have to create a new template and use css to style the items. If you don’t have programming experience i suggest that you look for a professional developer to doit for you. We would have gladly made it for you but for the moment we cannot offer custom work, sorry for this.
The alternative would be to look for a plugin.

Thank you, Emil G.

Hi,

From your image i see that you add a blockquote inside a table – http://screencast.com/t/K4VutIVkhVD
The theme comes with a predefined css for blockquotes, you can find it in the style.css – http://screencast.com/t/UunriwfXpfwN
You could also create a custom css to override the theme default css and include it in Theme Panel -> Custom CSS.
On the before image i suspect the table included only a paragraph element and no blockquote.

Thank you, Emil G.

• This reply was modified 11 years by Emil G.

Hi,

The height of featured image in post style 4 can be increased via custom css in Theme Panel > Custom Css here is an example for desktop screen:

@media (min-width: 1019px){
.single_template_4 .backstretch {
height: 800px !important;
}
.single_template_4 .td-big-slide-background {
height: 800px !important;
}
.single_template_4 #td-full-screen-header-image{
height: 800px !important;
}
.single_template_4 .td-template4-header {
top: -270px !important;
}
}

Also you can remove main menu border using this custom css: http://screencast.com/t/32Scya2f58

.td-full-layout .td-menu-background {
border-bottom: none;
}
.td-full-layout .td-menu-background:after {
display: none;
}

Unfortunately we don’t have any videos, but you can use Slider in your page at full width row(3 columns): http://screencast.com/t/ucrXI0Gflsot like you can see on our demo – http://demo.tagdiv.com/newspaper/ios-slider/

Thanks!

Hi,

I’ve tested your site noticed that it’s working well now without any animation and you’ve disable the animation on safari changing animation name via css.
Let me know if this solves your issue.

Thanks

Hi Chris,

We will consider it for future update, meanwhile you can use the css code from below to disable the animation:

.td_module_trending_now {
-webkit-animation-name: aa;
animation-name: aa;
}

Thanks

Hi,

Please use this custom css to fix the ticker alignment issue:

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.td_block_trending_now {
padding: 14px 20px 14px 20px;
}
}

And to disable the animation use this css:

.td_module_trending_now {
-webkit-animation-name: aa;
animation-name: aa;
}

Thanks

Hi,

The text logo was not designed to be displayed on mobile. You can use a logo image to be displayed on mobile or use this custom css if you don’t want that: http://screencast.com/t/fLmtqcKZ

@media (max-width: 767px){
.header-logo-wrap .td-logo-wrap-align {
height: auto !important;
}
.td-logo-text {
text-align: center
}
.td-logo-rec-wrap .header-logo-wrap {
display: block;
margin:10px auto 15px;
}
}

Thanks!

Hi,

You’re right I did misunderstood you. I tooth you refer to the fact that when you add line breaks into the comments, like this: http://screencast.com/t/U3OtfG8BLh you expect that those spaces/line breaks should not be removed when the comment is posted, however it dose: http://screencast.com/t/Qc7W3HWO and this is how WordPress’s comments system works.

I understand now, sorry for misunderstanding you!
The theme dose add style to the posted comments which is changing the space between comment line by removing this margin present in the default WordPress’s themes: http://screencast.com/t/pWrGsm1F

To fix this just use this custom css code in your custom ccs section in theme panel and adjust the margin value as you like it: http://screencast.com/t/w7gKOhr0TBQQ

.comment-list .comment-content p {
margin: 30px 0px;
}


Sorry for the inconvenience!
Thanks

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/s0nucslcb

.header-logo-wrap {
float: none;
margin: 20px auto;
}

Thanks!

Hi,

Please add css code in Theme Panel > Custom Css: http://screencast.com/t/ePHt2sb53c
Please provide a link so I can inspect this, also if you don’t use adsense code change g to a for example – .td-a-rec-id-content_top

Thanks!

Hi,

Please try this custom css for sidebar widget: http://screencast.com/t/kC7bbDbV6Aq

.td-post-sidebar .td_mod10 {
margin-bottom: 0px;
}

Thanks!

Hi,

Still can’t see it: http://screencast.com/t/NdfDdBF74xj – you can alter this using custom css: http://screencast.com/t/Go5fRgV3 and try the one from below:

.td-block-color-style-2 .td-module-comments a:after {
border-color: #FFFFFF transparent transparent transparent !important;
}

The trending now block animation has changed in the latest version, I’ll add this on our todo list for further testing and we’ll focus on this in the next theme version.

Thanks

Hi,

It could cause issues, but I have checked your site(yesterday too) and you css is doesn’t been applied – http://screencast.com/t/V3K0Y5np
Please try to remove it and check if you still have this issue.

Thanks!

Hi,

Try to replace that css code with this one to add only margin: http://screencast.com/t/rIx1FeRQJF

.td-a-rec-id-custom_ad_7 .ac_container {
margin-left: 2%;
}

Thanks!

Hi,

If you want to remove author only for your homepage block please try this custom css in Theme Panel > Custom Css:

.home .td_block_3 .td-post-author-name {
display: none;
}

Or if you to remove the author from all pages that use block 3 or module 1 please comment this line here: http://screencast.com/t/BqxA2gyWwZz

Thanks!

Hi,

We have changed the child theme system (for which we will have a documentation available soon) and because of that at the moment parts files can’t be overwritten via child theme. Until then please make you change in the main theme file.

You can also change the header style 8 if it is more easy for you with this code – http://pastebin.com/8Cp3ZnhA
And apply this css code in Theme Panel > Custom Css, I have tested and it works fine(is better also on tablets)- http://screencast.com/t/dqtb7Mir45p – http://screencast.com/t/Nuxb3Fj1Cnb

@media (min-width: 768px){
.td-header-style-8 .td-header-sp-ads {
width: initial;
}
.td-header-style-8 .td-header-sp-logo {
width: initial;
}
}
@media (min-width: 1024px) {
.td-header-style-8 .td-header-sp-logo {
margin-top: 20px;
}
}

I think that this is better solution because don’t need to add a fixed width(1021px) – it is already added. Just need to add minor css adjustments.

Thanks!

Hi,

You can use media queries and hide them via custom css or you can change font-size on mobile screens.
For example hide Big Grid(if you want to do this only for homepage use .home .td_block_big_grid ):

@media (max-width: 767px){
.td_block_big_grid {
display: none;
}
}

Big Grid – font size: http://screencast.com/t/f4JusFAe5e

@media (max-width: 767px){
.td-big-grid-post .entry-title a {
font-size: 10px;
}
}

Hope this helps!