Search Results for 'css'

Hi,

@josito Please replace the above css code with this one to have space between menu items on desktop: http://screencast.com/t/MVJbZ97BluAy

@media (min-width: 1019px) {
.sf-menu > li > a {
padding-right: 20px !important;
}
}
@media(min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
padding-right: 0px !important;
}
.sf-menu > .td-menu-item > a {
font-size: 20px !important;
}
}

Also if you want to add word spacing you can add this code for desktop media query – http://screencast.com/t/otUeNd6p

.sf-menu > .td-menu-item > a {
word-spacing: 5px;
}

Hope this helps!

Hi,

I see that you use version 4 of the theme, you will have to change the height(to your specific height) for your thumbs that are used on IOS Slider in functions.php – http://screencast.com/t/Ekbehu1X then regenerate your thumbnails using – https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Also you need to add this custom css for each screen size: http://screencast.com/t/DOTC37t5M

@media (min-width: 1200px) {
.iosSlider-col-2, .iosSlider-col-2 .item {
height: 500px !important;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.iosSlider-col-2, .iosSlider-col-2 .item {
height: 350px !important;
}
}
@media (max-width: 767px) {
.iosSlider-col-2, .iosSlider-col-2 .item {
height: 300px !important;
}
}

Thanks!

Hi,

1. Those style options are not present anymore. In theme version 4 the icons were added using sprites, while now the icons are added suing a custom font which can be adjusted using custom css so you can set their size/color. There aren’t any options available for this so if you need different styles you need to design them yourself or get some to do it for you.
Try this css for the icons: http://screencast.com/t/Z07gYhwfKK

.footer-social-wrap .td-icon-font {
font-size: 25px;
color: black;
}

.footer-social-wrap .td-social-style-2 .td-social-icon-wrap {
margin: 5px 6px 5px 0;
}

2. These seem to be widgets titles: http://screencast.com/t/h4mBBDIzENo not a duplicate content so check the tabs and edit those widget and remove any titles you find there then empty caches and/or purge files and test again.

3. Buttons shortcodes can be added to the posts pages even if you don’t use VC page builder there. You can enable the page builder on posts pages then add and customize the buttons there: http://screencast.com/t/BuC8hOsw8po0 or you can create the button on any page using VC pagebuilder then add the button shortcode to posts’s content, like this: http://screencast.com/t/TGdneMymG – http://screencast.com/t/ug1KH2pvEBEG

Please also note that blocks haven’t been removed. You can still use that block you’ve mentioned, it’s block 1 on one column: http://demo.tagdiv.com/newspaper/block-1/ so you have to use another footer template and set the content you want for it choosing block 1 widget.

Thanks

Hi,

Yes you can hide header and footer on specific page, just take the page id – http://screencast.com/t/nee4B9XtwI and use this custom css in Theme Panel > Custom Css where xxx is your page id:

.page-id-xxx .td-header-wrap, .page-id-xxx .td-footer-wrapper, .page-id-xxx .td-sub-footer-container {
display: none;
}

Thanks!

Hi,
Please remove the -css from each section http://screencast.com/t/vrKbSEO2UJ and see if work.

Hi,

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

.rev_slider_wrapper {
z-index: 0;
}

Thanks!

Hi,
You can add the code directly in files, like here: http://screencast.com/t/3PwdK4kOdThx
Then add this CSS in Theme Panel -> Custom CSS for a better alignment

.td-sub-footer-container .dmca-badge {
margin-right: 18px;
display: inline-block;
line-height: 1;
vertical-align: middle;
}

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

Thanks for the message!

Hi,
You have that error because you have disabled the post date to be shown on posts. http://screencast.com/t/zzEuG6FAz1c6

Just go to Theme panel and enable the post date http://screencast.com/t/dLGieHVUTN and if you want to hide it without having trouble with Google Structured Data, you can hide it via CSS, add this in Theme Panel -> Custom CSS

.single .td-post-date {
display:none;
}

Thanks for the message!

Hi,
Try with this CSS, add it in Theme Panel -> Custom CSS

@media (max-width: 767px) {
#td-outer-wrap .td-header-menu-wrap.td-affix {
position: relative !important;
}
}

Thanks!

Hi,

You have article top ad there(I don’t know why is not visible, maybe because the code that you use doesn’t allows 2 identical ad on page) – http://screencast.com/t/KfSvxm8IGdao and it stops the text to wrap the ad.
You can try this custom css to hide the top ad only for this post template(so the other templates will not be affected): http://screencast.com/t/QBGT6zTa

.single_template_1 .td-a-rec-id-content_top {
display: none;
}

Thanks!

Hi,
You have modified the theme files? I see that on some post where is missing the menu bg you doesn’t have on body the td-full-layout and some CSS depends on that, what you can try is to add that class, class="td-full-layout" manually on body, like here: http://screencast.com/t/6Ys8fwd0 and see if works.

Thanks for the message!

• This reply was modified 11 years by Marius.

Hi,

1. Try ith this CSS:
.td-post-header-holder {
margin-bottom: 10px !important;
}

2. Use this:
.author-box-wrap {
margin-bottom: 10px !important;
}

3. Use this:
@media (max-width: 767px) {
.author-box-wrap {
display: none;
}
}

4. This section http://screencast.com/t/P0rOkwz2zw work only for Adsense Ads, do you use adsense or just an image ad?

Hi,

Not sure how you can remove the border as I have not tested this plugin, but you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/mPRiogcU3g

.popular-posts table td {
border: none !important;
}

Thanks!

Hi,

You can disable gradient for each style that you want, just change the number in this custom css and paste it in Theme Panel > Custom Css: http://screencast.com/t/zCipetgRDm

.td-grid-style-1 .td-module-thumb a:last-child:before {
display: none !important;
}

Also please provide more details about assign color per panel, as I’m not sure what you mean.

Thanks!

Hi,

I have checked your site and you have to many menu items, also containing long words and you use a hedera style with centered menu. You can try this custom css in Theme Panel > Custom Css (I customize it for your header style 10): http://screencast.com/t/kmFCrF7YP

@media(min-width: 768px) {
.td-header-style-10 .sf-menu > li > a {
padding-left: 0px !important;
}
.td-header-style-10 .td-header-main-menu {
padding-left: 0px;
padding-right: 0px;
}
.td-header-main-menu {
padding-right: 0px !improtant;
}
.td-header-style-10 .sf-menu a.sf-with-ul {
padding-right: 20px;
}
.td-header-style-10 .sf-menu .td-icon-menu-down {
padding-left: 3px;
}
}

Hope this helps!

Hi,

Please try regenerate your thumbnails to fix size issue – http://screencast.com/t/63VTQ15j5rS Also if you want background color for Big Slide articles like in version 4 of the theme, please edit you page and set Style 4 – http://screencast.com/t/m8cWbDMR – http://screencast.com/t/X71ujJmiiL
Unfortunately the theme doesn’t have an option for this, but you can try to change it using custom css in Theme Panel > Custom Css and apply a color for post titles on pages(it will be applied also on Big Grid Slide) – http://screencast.com/t/wCh0iuWQlRe

.td-module-title a {
color: #a465a5 !important;
}

If you refer to the block title in version 6.1 it was added an option in Theme Panel >Theme Colors to set a general color for all blocks/widgets titles – http://screencast.com/t/IcPkM5CMB – http://screencast.com/t/c3u7wg6EXVo

In version 6 of the theme were changed the page templates, the sidebar that you see on those pages is sidebar added for latest articles. You can manually add a Widgetised Sidebar widget to your page content – http://screencast.com/t/UwD7n61Q if you want to use that template with Latest Article. Or you can set Pagebuider with title and the defautl sidebar will be add automatically, you don’t have to split the row – http://screencast.com/t/CZZO259mZ3

If you use unique articles and you have an issue with doubling articles, please note that this issue was fixed in version 6.1, so please update using this guide(FTP method) – https://forum.tagdiv.com/how-to-update-the-theme-2/

Please try to remove this code to not show author when the article is shared – http://screencast.com/t/UadS1GJEv and then use facebook debugger and see if works for your articles (fetch new scrape) – https://developers.facebook.com/tools/debug/og/object/

Thanks!

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