Search Results for 'css'

Hi,

The Slider element was not meant to be full width, so you have to do some custom work in order to achieve this. First you need to stretch the row containing the Slider – http://screencast.com/t/DmKqDNKXorX Then add this css in Theme Panel->Custom Css

.iosSlider-col-3 .entry-thumb {
width: 100%;
}

This is the result – http://screencast.com/t/8Apbk7Ub

As you can see the image thumb displayed in the slider is still the default size used by the slider element – http://screencast.com/t/bFCcimlnqY only stretched. To modify the thumb to a custom size so it will look better, you have to edit the td_api_thumb found here – http://screencast.com/t/iyhNuouo2PGn coresponding to the Slider on 3 columns. More about the theme API here – https://forum.tagdiv.com/api-thumbnail-introduction/
Make sure you regenerate thumbnails after you make the changes – https://forum.tagdiv.com/existing-content/

Thanks

Hello newbietamvan,

You can make the header “wide” by changing the header section — we use style 8 …

For the footer you can make it wide, via custom CSS.

try this (what I use) —

.td-footer-container {
width: 100%;
}
.td-footer-container .td-pb-row {
width: 1021px;
margin: 0 auto;
}

Thanks for your understanding!

Hello,

I suppose that you forgot to add the custom CSS code for your third website. Use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-style-1 .td-header-top-menu {
top: 0;
}

Thanks.

Hello Bobby_Ocean,

If you want to change the background for your big grid meta, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-big-grid-meta{
background-color:red!important;
opacity:0.6;
width:100%!important;
}

The result is here -> http://screencast.com/t/Vkh4BcVx9uZ

Thanks for your understanding!

Unfortunately css cannot do that. That needs to be hard-coded. It;s easier to just use style 8 as it already has this functionality as it is no simple thing to do.

Thank you!

In the current version, the css needs an extra property as there were a few changes to the code Please use this code:

.single .author-box-wrap .avatar {
width: 150px!important;
}
.single .author-box-wrap .desc {
margin-left: 167px!important;
}
.author-box-wrap .avatar{
max-width:167px!important;
}

Thank you!

Hi,

If you use the mobile theme the footer will be a predefined one and it can only be altered with css. If you want to remove the footer logo and about us section you can use this css in the mobile theme custom code section:
.td-mobile-footer-wrap .td-footer-logo, .td-mobile-footer-wrap .td-footer-description{
display:none!important;
}

Thank you!

Hi,

Your header menu has a visibility hidden style property – http://screencast.com/t/D0TlW4Ti7 Try adding the code provided above. It will make the menu visible at all times, just add it in Theme Panel->Custom Css. Please let me know if it works for you.

Thanks

OK,

If you want to hide the sidebars for mobile phones you can use this code:
@media (max-width:767px){
.single .td-main-sidebar{
display:none!important
}}

Add the code in the theme panel->custom css box.

Thank you!

Yes, this is available for the default wordpress themes. Our theme already has this implemented in the theme panel under the custom code section so you do not have to use any child theme for any custom css. You can simply use the theme panel and all your css will apply with or without a child theme. If you do want to use a child theme and enque the css, then you should read this topic: https://wordpress.org/support/topic/theme-stanleywp-enqueuing-many-stylesheets-into-child-theme-in-correct-order/
Thank you!

Well if you want to have 2 dates show in your post, you can add the code mention in this topic without replacing the existing one https://forum.tagdiv.com/topic/how-to-make-this/
You can simply add this code:
<?php echo the_modified_date('l, F j, Y', '<div class="the-modified-date">LAST MODIFIED: ','</div>'); ?>
and place it after the get_date codee so you would have both dates. It could need a bit of css for positioning though.

Thank you!

Hello,

There are 2 ways you can remove these items. The first would be the css method by hiding them like so:
.td-social-google, .td-social-pinterest{
display:none!important;
}

The second method is removing them from the theme code by deleting these lines of code: http://screencast.com/t/GfKxrfhSgT21 (that is the top sharing buttons I exemplified. The bottom sharing buttons are further down that same file. If you want them removed from the bottom sharing remove them from the bottom code as well.)

Thank you!

Hi,

Please provide a link to your site so we can inspect the menu and fiddle with the css a bit and we will provide the proper code for changing each menu item’s hover color.

Thank you!

Hello yanuargilang,

Try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.wp-caption img {
max-width: initial!important;
}

The result -> http://screencast.com/t/Ny6JdLst9iQ

Thanks.

Hello newbietamvan,

Yes, all the custom CSS code should have to be added in Custom CSS area section.

Thanks for the message!

Hi,

You can add those properties to the code like so:
.block-title span, .block-title a {
background-color: transparent !important;
color: #222;
font-family:verdana;
font-size:15px
}
Please note that a custom font cannot be placed with css if it’s not loaded first. Please use this topic to learn how to load fonts with css: https://forum.tagdiv.com/topic/problem-with-font-on-post-page/

Thank you!