Search Results for 'css'

Hi,

Use this CSS, add it in Theme panel -> Custom CSS:

@media (max-width: 767px) {
  .affix {
   position: relative !important;
  }
}

Thanks

Hi,

You have to add this code http://pastebin.com/ecY7aQ50 to the single.php file like this: http://screencast.com/t/KVO2deGrh

Comment this section from loop-single.php file like this: http://screencast.com/t/8PMBsVFH
And add this custom CSS in Theme Panel -> Custom CSS:

.post header {
top: 0px !important;
}

Thank you

• This reply was modified 12 years by Lucian.
• This reply was modified 12 years by Lucian.

Hi,

1. Please change the H4 tag from page-homepage-loop.php file into a H1 tag like this: http://screencast.com/t/l2VjiJai
Then you can use the custom CSS that you mentioned above.

2. On our Demo all post titles from widgets are by default with h3 tags http://screencast.com/t/zmE38SHD6K5z

Thank you

Hi,

To reformat it so it takes up less space add this custom CSS:

.td-review {
margin-top: 0px !important;
margin-bottom: 10px;
}
.td-review-row-bars .td-review-desc {
padding-top: 0px !important;
}
.td-rating-bar-wrap {
margin-bottom: 0px !important;
}
.td_review_with_bars {
display: none;
}

..in Theme Panel -> Custom CSS

If you want you can look for CSS Tutorials on Google there are plenty of free courses.
Ex. http://www.w3schools.com/css/DEFAULT.asp

Thank you

Hi,

You can add this button next to the social sharing buttons by adding a code
to the td_module_blog.php file like this:

http://screencast.com/t/BpyIu2DzQni

You will then need to customize it to actually call up and email dialogue box or an email client when clicked, unfortunately this needs custom work and we don’t have time to do custom work, if you don’t know how to do it you can hire an professional developer.

After you added the button you can add this CSS in Teheme Panel -> Custom CSS to style it:

.td-sp-share-email {
width: 31px;
height: 31px;
background-position: -20px -1632px;
background-image: url('http://192.168.1.70/wp_demo_009/4/wp-

content/themes/008/images/header/elements-menu.png');
background-repeat: no-repeat;
display: block;
top: 2px !important;
left: 6px;
}

.td-social-email {
background-color: black;
}

@media (max-width: 767px) {
.td-sp-share-email {
top: 3px !important;
left: 3px !important;    
}
}

You will get this result:
http://screencast.com/t/wnU8Ud2Lkg9U

Thank you

Hi,

To decrease the block space at the bottom you cand use this CSS in Theme Panel -> Custom CSS:

.td_block1, .td_block2, .td_block3, .td_block4, .td_block5 {
padding-bottom: 0px !important;
}

For your second question could you be more specific? Please send me a screenshot or your site’s URL so I can take a look?

Thank you

Hi,

1. Add this custom CSS in Theme Panel -> Custom CSS:

.home .td-page-wrap .span8 .block-title span {
font-size: 30px;
}

2. Have you tried to change it from Theme Panel -> Custom Typography like this: http://screencast.com/t/JCdTbFKi9
If this not works use this CSS:

.td_mod3 .entry-title a, .td_mod3 .entry-title {
font-size: 15px !important;
}

Thank you

Hi,

You can move the review bar by moving one line of code in the loop-single.php file like this: http://screencast.com/t/v5Lqx7a2o and you have to paste it above the title like this: http://screencast.com/t/CQL6ARbTmf

To reduce the size vertically you need to add some custom CSS. Do you have CSS knowledge?

Thank you

Hi,

Thanks for your suggestion, we’ll think about this. If you want you can easily modify the buttons with css.

Thank you, Emil G.

Hi,

1. Replied via dashboard, you have to specify exact locations on where to apply the modification.
2. You have to use a code editor like notepad++ and you have to know some basic css/php to do those modifications. If you don’t know how to doit you have to hire a programmer to doit for you, you can always find one on places like http://studio.envato.com/

Thank you, Emil G.

Hi,

A solution would be to use two sliders on page, one big slider and one normal slider – http://screencast.com/t/KfzBqvWoefBi
Use the same settings for both sliders (same category, sort order), hide the title on the normal slider.
Add a class to the sliders so you can target them in CSS like this:
– http://screencast.com/t/guU3pZYB
– http://screencast.com/t/A6bl2fhI2
Use css to hide the big slider on mobile and the show the normal slider instead (add the following css inside the Theme Panel -> Custom CSS):

@media (min-width: 767px) {
.bs_mobile .td_normal_slide {
display:none;
}
}
@media (max-width: 767px) {
.bs_mobile .td_block_slide_big {
display: none;
}
}

Now there should be 4 posts on desktop and 4 posts on mobile.

Thank you, Emil G.

Hi,

1. You can import this predefined syles like this:
– http://screencast.com/t/yLOZrUAt
– http://screencast.com/t/qLSTINIg

Do you use the default template? – http://screencast.com/t/e4Itye2zr
You can target h1, h2, h3 with custom css (add the css inside the Theme Panel -> Custom CSS):

h1 {
color: red;
}
h2 {
color: red;
}
h3 {
color: red;
}

But this will affect all h1, h2, h3 titles on the site, you have to add a specific class to target them only on the pages/posts you want.

2. I belive you are reffering to the featured image. The feature image can be removed like this: https://forum.tagdiv.com/how-to-hide-the-featured-image-on-post/

3. You can delete the code (or modify it) from the td_module_blog.php – http://screencast.com/t/ZiGcAU70s
You can find code for the other buttons above it, modify them to behave the way you want.
4. If you don’t use pagination or load more / infinite load options edit your home page and enable the “Unique articles” option like this: http://screencast.com/t/pUaAtaYg
If you use pagination configure blocks to display different categories.

Thank you, Emil G.

Hi,

Plase add this Custom CSS in Theme Panel -> Custom CSS:

/* responsive monitor */
@media (min-width: 1200px) {
.search-page-search-wrap .td-widget-search-input { 
width: 600px;
}  
.td-widget-search-input {
width: 230px;
}
} 
/* responsive tablet */
@media (min-width: 768px) and (max-width: 1200px) {
.search-page-search-wrap .td-widget-search-input { 
width: 540px;
}  
.td-widget-search-input {
width: 200px;
} 
}
/* responsive phone */
@media (max-width: 767px) {
.search-page-search-wrap .td-widget-search-input { 
width: 120px;
}
}

Thanks

Hi,

Yes, the system works only for Google Adsense, if you use other ad media you need to use this as is mentioned in the ad documentation: https://forum.tagdiv.com/ads/ and this hide the ads via CSS with display:none

<div class="td-visible-desktop">
desktop ad code
</div>
<div class="td-visible-tablet-l">
tablet landscape ad code
</div>
<div class="td-visible-tablet-tp">
tablet portrait ad code
</div>
<div class="td-visible-phone">
phones ad code
</div>

Thank for the message!

Hi,

It’s not a bug, in your case the banner was to large and overlapped the logo and needed a custom CSS.

Thanks for the message

• This reply was modified 12 years by Lucian.

Hi,

Add this CSS in Theme Panel -> Custom CSS and see if works.

.wpb_row {
margin-left: 0 !important;
margin-right: 0 !important;
}

Thanks

Hi,

Plase add this custom CSS to Custom CSS->Theme Panel:

@media (max-width: 767px) {
.td-sp-ico-menu {
background-position: -20px -364px !important;
}
}

Thank you