Search Results for 'css'

Hi,

1. You have to edit the post template files(depending on the style used loop-single default or 1-5) and add the following code above the title – http://screencast.com/t/JzT8ofAsKpX

render(array('spot_id' => 'custom_ad_1'));?>

Then you need to use custom css to adjust it (add the css inside Theme Panel -> Custom CSS) – http://screencast.com/t/YMdiBRy1

article .td-a-rec-id-custom_ad_1 {
margin-top: 15px;
margin-bottom: 0px;
}

2. Try the following css: – http://screencast.com/t/nb2b9iGqZ0Is

@media(max-width: 767px) {
.header-search-wrap {
display: none;
}
.mobile-logo-wrap img {
right: 0px !important;
left: 0px;
}
}

3. The padding is applied to the entire content – http://screencast.com/t/IgwOnop5
You could try to change the ad container position to relative an move it to the left (0px).

Thank you, Emil G.

Hi,

Each browser may interpret certain parameters differently, if you disable max-width you can see the same behavior on chrome – http://screencast.com/t/Mgy3QHGj9Fl

If you disable the float on the following element – http://screencast.com/t/eybNZV8bjHCS it will display properly – http://screencast.com/t/jfGSzdaqUF9 , then you have to check if that element is displayed properly on all browsers.

So basically you have to take all browsers, test your banner and if necessary fix it via css. The alternative would be to use our system which is tested and works on all browsers.

Thank you, Emil G.

Hi,

Use this custom css in theme panel > custom css field to center the menu, like this: http://screencast.com/t/MFh2qyFzBE

#td-top-menu .sf-menu {
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}

You have an option to show the author under title on post pages in theme panel: http://screencast.com/t/if0C81y1k28
Disable author box from here: http://screencast.com/t/nWbqQQBU

Thanks

Hi,

You can do it via custom css. Please provide more details about which slide background you want to change and your site’s URL so I can provide an accurate solution for this.

Thanks

Hi,

Use this custom css ion theme panel > custom css field: http://screencast.com/t/uynNMtQNFMM7

#outer-wrap {
background-color: #e5e5e5 !important;
}

.td-header-bg {
background-color: #e5e5e5 !important;
}
.td-header-bg .container {
background-color: #fff !important;
}

Thanks

Hi,

You can use the guides I’ve pasted below and the tagdiv speedbooster plugin to do it:

* https://forum.tagdiv.com/how-to-make-the-site-faster/
* https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348

You can also follow this topic to find out how others fixed their issues regarding pagespeed: https://forum.tagdiv.com/topic/pagespeed/

Thanks

Hi,

Please try this custom css in theme panel > custom css filed: http://screencast.com/t/cUs1cMtMO7xu

.td_block_wrap .wpb_row {
margin-bottom: 0px;
}
.td_block_wrap .td_mod_wrap {
margin-bottom: 15px !important;
}
.td_block_wrap div[class^="span"] {
margin-bottom: 0px;
}

Hope this helps!

Thanks

Hi,

@kramllahu I have tested the demo site: http://demo.tagdiv.com/newsmag/ and also made some tests on my machine locally but haven’t managed to recreate this. Please make sure that this also happens when you have active just the VC plugin active and if is still happening please let me know on which version of IE dose this happens and what setting you use so I can test this and provide a fix for this.

@purrlyadmin
Have you tried to change fonts via css like @kramllahu did.
We will take a closer look at the custom fonts system and investigate this and we find something wrong we will fix it in the next theme version.
Please address your issues related to the newspaper theme on newspaper forum section: https://forum.tagdiv.com/forum/newspaper/

Thanks

Hi,

Use this custom css in theme panel > custom css filed: http://screencast.com/t/AbJKTcndVWFn

.td_block_12 .td-read-more {
display: none;
}

Pleas note that this will hide the “read more” button from block 12.

Thanks

Hi,

Unfortunately there is no option to change background-color for heading in category’s page. This can be changed only for category tag on post page from Theme Panel.
Anyway you can change the background with custom css, but this change the color for all category’s pages. It can’t be done for each category individual: http://screencast.com/t/MWelM4Rhx1n

.category .entry-title span{
background-color: blue;
color:red;
}

Thanks!

Hi,

1. You can translate “Related Articles” and “More from Author” from Theme Panel: http://screencast.com/t/VacR1K0QEUD

2.If you want hide “More Author” use this custom css in Theme Panel > Custom Css:

.td-related-title .td-related-right{
display:none;
}

Result: http://screencast.com/t/eJ8hn8oFJDf2

3.Use this css code for color:

.td-related-title .td-cur-simple-item {
background-color:red;
color: #ffffff;
}

And this code for hover effect:

.td-related-title .td-related-left:hover {
background-color: pink;
}
.td-related-title .td-related-right:hover {
background-color: pink;
}

Result: http://screencast.com/t/4ZSmHYEtg

Thanks!

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

Hi,

1. Like I said, we will consider this and implement it in future updates.
4. Try it and let me know how it goes, I have also checked this and haven’t found any issues.
5. Use css to change it like this: http://screencast.com/t/8UGA2cYKt60

.meta-info {
font-family: "adobe-caslon-pro";
font-size: 18px;
}

6.1 Please use this custom css: http://screencast.com/t/skCK9Q9h

@media (min-width: 768px) and (max-width: 1023px) {
.vc_wp_text.wpb_content_element.class123{
display: none;
}
}


6.2 Looks good now: http://screencast.com/t/85f4BB4Rl

The smart sidebar should work when using the slider on the same page: http://demo.tagdiv.com/newsmag/homepage-big-slide/
Try to build you sidebar and add this custom class like I suggested here: https://forum.tagdiv.com/topic/hitting-a-roadblock-to-achieve-infinite-scrolling-with-smart-sidebar/#post-28972

Thanks

Hi,

Those size setting (auto…etc) only work for adsense, you use custom banners so they don’t do anything.
You can see on our demo that the top ad has more stages depending on the screen size – http://screencast.com/t/yecNfe0t – http://screencast.com/t/QQZ99gpJ – on mobile is disabled.

If you use only one (non-responsive) banner you have to create custom css to make it fit properly on all screensizes, ex:

@media (min-width: 768px) and (max-width: 1018px){
article .td-a-rec-id-content_top,article .td-a-rec-id-content_bottom {
width: 460px !important;
}
}

@media (max-width: 767px){
article .td-a-rec-id-content_top,article .td-a-rec-id-content_bottom {
width: 100% !important;
}
}

Thank you, Emil G.

Hi,

I use this live css editor chrome extension: https://chrome.google.com/webstore/detail/live-css-editor/oelggcmknbjmhkpgjfhakedcfnkgbdpg?hl=en
Please use just this custom css code: http://screencast.com/t/xglbSoCFHY into the custom css filed you find in the theme panel, like this: http://screencast.com/t/rLVx4NkbEj

.td-post-content .td-pb-row [class*="td-pb-span"] {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
border-left: 0px solid #e6e6e6;
}

.td-post-content .wpb_content_element {
padding: 0px 38px 20px 0px !important;
}

I have tested this on various posts on your site and seems to fix your issue. Again, if you still have issue with this please make sure you add your post content without using the page builder as this is the cause of all your issues because the page builder it’s not intended to be used to build posts so you might want to change this if problems of this type persist.

Thanks

Hi,

I have tested your site using latest version of Safari browser on Mac and still haven’t seen the issue you’ve described as you can see in the screenshot: http://screencast.com/t/29cDOD2Uiob
I have found though that the css rule pointed in the screenshot which I believe is causing this as it adds an extra pixel to thumb wrap container width.
Please make sure that you haven;t added this rule as custom css and remove it if you did and check again for this.
You can also re-write this using the following custom css:

.td_normal_slide .td-theme-slider.iosSlider-col-3 {
width: 1019px !important;
}

Please let me know how it goes!

Thanks

Hi,

Use this custom css: http://screencast.com/t/mfrsB2GOyC9

.td-post-content li {
line-height: 31px;
}

Thanks

Hi,

This happens when you use module 1 or 7 as both load the posts content with will also load the feature image. You can hide it via css like this: http://screencast.com/t/yXWezo5uzb

.category article .td-post-featured-image {
display: none;
}

Thanks

Hi,

Please try this: http://screencast.com/t/CBBu9Cw0iCi

.td_mod_wrap {
border-bottom: 1px solid #000000 !important;
}

.td_normal_slide .td_mod_wrap, .td_block_big_grid .td_mod_wrap {
border-bottom: 0px solid #000000 !important;
}

Please make sure you use the right code for that weather report and use a text widget to display it to your sidebar first to test it. Adding it like you did into the custom css filed is not right.

Thanks