Search Results for 'css'

Hi problogger,

If you want to hide the dates showing below every post, please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/pNfBdM4xD

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


Hope this helps!

Thank you!

Hi,
Yes. Edit the header.php file and add this line of code like here: http://screencast.com/t/1nQV0lZzuLqD

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

Then go to Theme Panel -> Ads -> Custom Ad 1 and paste you ad code there. Also probably you need some CSS to adjust the space.

Hi,

1) You could change the font size using custom css, ex – http://screencast.com/t/ErWmsISX8mHg
You can also use custom css to change the width of the title container, by default is set to 90% – http://screencast.com/t/OrTa0XYEm – http://screencast.com/t/XnZu4yonft

.td_block_20 .td_module_14 .entry-title a {
font-size: 18px;
line-height: 20px;
}
.td_block_20 .td_module_14 .td-module-meta-info {
width: 100%;
}
.td_module_14 .td-module-meta-holder {
background-color: rgba(255,255,255, 0.9);
}

The css can be added in Theme Panel -> Custom CSS.

2) You mean to place it bellow the image? try this – http://screencast.com/t/ZdBHqpOALwAC

.td-module-image .td-post-category {
position: relative;
display: inline-block;
}

Thank you!

• This reply was modified 10 years by Emil G.

Hello,
Unfortunately commenting out pieces of the child theme style.css will have no effect as the styling will be then pulled from the main theme file. You will need to make this modification to the main theme file.
(Not everything can be modified via the child theme)
Thank you!

Hi,

You can see all header styles in Theme Panel -> Headers http://screencast.com/t/CtzC4mO9d to find something that fits you need.

Hover color for individual items from menu can be customized only via CSS.(please provide your site URL to inspect it and give you an example)

Mega menu allow you to get posts from a category(not entire site). If you want to have the latest from blog, just create a category BLOG and add all your post there. Then use that category in a mega menu.

To add icons in menu, read here: https://forum.tagdiv.com/how-to-add-icons-in-menu/

For custom image profile use this plugin: Wp User avatar

Thanks for the message!

Hi,

I’ve checked this on my side and there’s plenty of space between these two blocks – http://screencast.com/t/8t4i9yvYv
Check if you have any custom css added in Theme Panel -> Custom CSS, or directly into the style.css file, see if this css affects this area.
If you can’t find anything please provide your url so i can take a look, if you don’t want to post it here send it via email at contact@tagdiv.com

Thank you!

• This reply was modified 10 years by Emil G.

Hi problogger,

Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/6Ee4TKLkP

.td_mod_related_posts .td-module-image {
display: none;
}

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

Thank you!

Hi andantesash,

If you want to increase the footer height, you have to increase the padding-top of the footer-wrapper. Please try the code below and place it in Theme panel->Custom Css area like this: http://screencast.com/t/nHmfznvS

.td-footer-wrapper {
padding-top: 90px;
}


Notice: You can adjust the padding-top value as you wish until achieve what you want!

The result you should see here: http://screencast.com/t/8yLcfAlxC7cH

For more information about footer style, please consult our documentation here: https://forum.tagdiv.com/footer-templates/

If is not what you mean, please provide more details!

Hope this helps!

Thank you!

Hi mboydnv,

If you want to change the icons font size, it is necessary to increase the font-size parameter. Please try the code below and solve the problem. Place it in Theme panel->Custom Css area:

.td-footer-wrapper .td-icon-facebook {
background-color: #3b5998;
border-radius:20px;
font-size: 23px;
}
.td-footer-wrapper .td-icon-flickr {
background-color: #ff0084;
border-radius:20px;
font-size: 23px;
}
.td-footer-wrapper .td-icon-googleplus {
background-color: #dd4b39;
border-radius:20px;
font-size: 23px;
}
.td-footer-wrapper .td-icon-instagram {
background-color: #517fa4;
border-radius:20px;
font-size: 23px;
}
.td-footer-wrapper .td-icon-pinterest {
background-color: #cb2027;
border-radius:20px;
font-size: 23px;
}
.td-footer-wrapper .td-icon-twitter {
background-color: #00aced;
border-radius:20px;
font-size: 23px;
}
.td-footer-wrapper .td-icon-youtube {
background-color: #bb0000;
border-radius:20px;
font-size: 23px;
}
.td-social-icon-wrap i.td-icon-facebook:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-flickr:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-googleplus:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-instagram:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-pinterest:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-twitter:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-youtube:hover {
opacity: .5;
color:white;
}

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

Hope this helps and let us know how it goes!

Thank you!

Hi,

1. The first top ad came from the Header ad from Theme panel -> Ads: http://screencast.com/t/FrYnEKeH2I and the second one is added in page, after the Big grid with an Ad box in your case in that ad box you call the Header ad.

The header ad default is used and appear automatic only in header. If you use an Ad box in your pages you should use a custom ad instead of header ad to be aligned. http://screencast.com/t/KtjaaEGi then go to Theme panel -> Ads and add you ad code in Custom ad 1.

Also to better align the top ad, add this CSS in Theme Panel -> Custom Code -> Custom CSS section
body .td-header-style-5 .td-g-rec-id-header > .adsbygoogle {
margin-bottom: 24px !important;
}
.td-main-content-wrap .td-g-rec-id-header {
text-align: center;
}
.td-main-content-wrap .td-g-rec-id-header .adsbygoogle {
margin-bottom: 22px;
}


2. If you mean the background color behind the big grid use this CSS and change the color like you want
.import_video_slider_bg {
background-color: #1C2451;
}

Thanks for the message!

Hi,

The menu should appear on all pages, if you didn’t set one that message will appear on each page.
You can disable it by commenting the following line – http://screencast.com/t/BataSrR7fI4W
If you want to disable it for one page only you have to add a condition, ex. – http://screencast.com/t/98xxVBwNrv
For more details on conditions please check this – https://codex.wordpress.org/Conditional_Tags

You can also hide it with custom css(add it in Theme Panel -> Custom CSS):

.td-header-menu-wrap-full {
display: none;
}

Thank you!

• This reply was modified 10 years by Emil G.

Hello,

@computernet: replied via envato dashboard.
For other users interested in applying this customization:

For block 3 you have to alter and make these changes in theme’s module 1 and add this code: http://pastebin.com/uqu26CCs like this: http://screencast.com/t/YN03oqYghq37

This is the result you should get: http://screencast.com/t/F7CwOQkIZVq1

Use custom css to adjust it and arrange it as you would want it like I also suggested it in the forum topic, here is an example: http://screencast.com/t/7O3cBdwe and the css I’ve used is below. You can work on it.

.td_module_1 .td-social-sharing-buttons {
display: block;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

For twitter use this code: http://pastebin.com/05zGW3JR in the same way and the css code from below: http://screencast.com/t/TbhT1urW7

.td_module_1 .td-social-sharing-buttons {
width: 50%;
margin: 0px;
float: left;
}

Thank you!

Hi StockFanatic,

Yes, it is correct. Our theme has been designed to show only in mobile version the Whatapps sharing. If you want to show it on full devices, please try the code below and place it in Theme panel->Custom Css area, like this:
http://screencast.com/t/JyijjAGJEvY

.td-social-whatsapp {
display: inline-block!important;
}

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

Hope this helps!

Thank you!

Hi,
I’m not sure what you mean, can you give me more details, or show me in a screenshot? Do you want a space above the top menu?

You can use this css to add a space, add it in Theme Panel -> Custom Code -> Custom CSS section

.td-header-top-menu-full {
margin-top: 50px;
}

Thanks for the message!