Search Results for 'css'

Hi,

Unfortunately theme doesn’t have an option to change font for specific block. You can use Theme Panel > Custom Typography to change font for:
* blocks titles: http://screencast.com/t/GFRjxYhO0O – http://screencast.com/t/AYVYW0cZHy
* post title on block: http://screencast.com/t/rHpQsiJTQmt
* post excerpt: http://screencast.com/t/ewqUDB1l
If you refer to the content titles of Archives, this can be changed only with custom css: http://screencast.com/t/q4mql1ZFGW0x

.widget_archive ul li a {
font-family: Georgia;
}

Hope this helps!

Hi,

I’m not sure what you mean, but if you refer to this – http://screencast.com/t/STufXfSjx please change css for grid-wrap: http://screencast.com/t/dwL8ie2vCb3X

Thanks!

Hi,

You can use custom css to overwrite image size for mobile screens: http://screencast.com/t/yxt8K2b4eIr

@media (max-width: 767px){
.td_mod8 .thumb-wrap img {
max-height: 100px;
max-width: 150px;
}
.td_mod8 .item-details {
margin-left: 160px;
}
}

Thanks!

Hi,

I’m not sure if you want this, but you can try to add border for Big Slide and change the color for existing border(between Big slider posts) using custom css in Theme Panel > Custom Css: http://screencast.com/t/PSWqypkz7

.td-big-grid-post-1, .td-big-grid-post-2 {
border-bottom: 3px solid red;
}
.iosSlider.td_block_big_grid.td_block_wrap {
border: 1px solid red;
}
.td_block_big_grid .td-big-grid-post-0 {
border-right: 3px solid red;
}

Thanks!

Hi,

That solution works but you will need to customize it with css code, please use inspector tool and see if excerpt is added there: http://screencast.com/t/9WJcsURKex
If you don’t have basic css/html experience I suggest to hire a profesional to do this for you. We would have gladly made it for you but for the moment we cannot offer custom work, sorry for this.

Thanks!

Hi,

Please make sure that you use Big Slide properly on one row, I have checked your site and seems that you use it in two columns: http://screencast.com/t/MSuAZn0H5ab Also if does not appear please filter another category, just to see if it works.

1. Please try this custom css in Theme Panel > Custom CSS: http://screencast.com/t/q22b4NdUk4

.ajde_evcal_calendar .calendar_header {
border-bottom: 2px solid black;
}
.ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur {
background-color: black;
color: white !important;
font-size: 22px !important;
padding: 0 5px 1px;
}

2. Please use Chrome inspector tool to inspect and change the font via custom css: http://screencast.com/t/burWdY67 Also for post title font(tagdiv blocks) use option from Theme Panel > Custom Typography – http://screencast.com/t/fIch5iU7uLyj and for other widgets you will need to change that via custom css – http://screencast.com/t/C8o68GcjNLsl
For load more button font you will have to use css: http://screencast.com/t/BsYdtEL55

.block-child-cats a{
font-family: Roboto;
}
.widget_categories ul li a{
font-family: Ubuntu;
}
.td-load-more-wrap {
font-family: Roboto ;
}

3. Please edit a module that use excerpt, take a look how is made and copy excerpt to the module that you want to add it – http://screencast.com/t/d0fagpyMjF also maybe you will need some css customization.

4. Please try this without any plugins active, leave only Visual Composer plugin enabled, also clear cache an check if you still have this issue.

5. Please use this custom css for this: http://screencast.com/t/jhsNTU3p

.home .widget_categories ul li a .td-cat-no{
display: none;
}

Thanks!

Hi,

The CSS was moved in footer? Can you provide a link of your site?

Thanks!

Hi,

1. For the search issue use this CSS
.td_mod_aj_search .entry-title a {
white-space: normal;
}

2. Can you provide a link to inspect the issue?

Thanks!

Hi,

Here is a quick implementation, if you want to try.

1. Edit footer.php file and add you ad code like here: http://screencast.com/t/J4W4GpzOyo
http://pastebin.com/8DPv2wAw

2. Add this CSS in Theme panel -> Custom CSS section:

.my-sticky-ad {
  display: none;
}
@media (max-width: 767px) {
  .my-sticky-ad {
    display: block;
    z-index: 9999;
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

Thanks!

• This reply was modified 11 years by Marius.

Hi,

1. Remove this code: http://screencast.com/t/u4tQtQp1
2. Add this CSS in Theme Panel -> Custom CSS section:

.td-header-container .sf-menu {
margin-left: auto;
margin-right: auto;
display: table;
}
@media (max-width: 767px) {
.td-header-container .sf-menu {
display: none;
}
}
3. Put the random code line first, like here: http://screencast.com/t/qeBAuh8qCJ4
4. Remove the code from here: td-scroll-up

Thanks for the message!

Hi,

On custom modifications we can provide some guidance but we cannot provide full solutions, if you have many modifications i suggest that you look for a developer to make them for you.
In this case you have to apply a box shadow css effect – http://www.w3schools.com/cssref/css3_pr_box-shadow.asp – also check this generator – http://www.cssmatic.com/box-shadow

Thank you, Emil G.

Hi,

Try the following css:

/* hide on desktop */
@media (min-width: 1200px){
.home .td-page-wrap .td-grid-wrap .span8 .td_block6 .item-details .td_read_more {
display: none;
}}
/* hide on mobiles */
@media (max-width: 767px){
.home .td-page-wrap .td-grid-wrap .span8 .td_block6 .item-details .td_read_more {
display: none;
}}

Thank you, Emil G.

• This reply was modified 11 years by Emil G.

Hi,
What you can do is to create another post template, a new one and customize it like you want. Add it here in td_config.php file(template 9).

Then copy a similar template that you want to achieve and rename it in single_template_9.php You see in config what files you need. Also this template require a loop file. Create a loop-single-9.php file. In this two files you can modify everything will not affect other templates.

Also you need some CSS to customize it like you want.

Hope this help!
Thanks for the message!

Use this custom css: http://screencast.com/t/5KjGRxIq7U

.postid-32766 .td-g-rec-id-header{
display: none;
}

Thanks!

Hi,

Unfortunately the default style doesn’t have a class like others templates, so you can add the css like this:

.single .td-grid-wrap {
padding-top: 10px;
}
.single_template_1 .td-grid-wrap, .single_template_2 .td-grid-wrap, .single_template_5 .td-grid-wrap {
padding-top: 49px !important;
}

Thanks!

Hi,

I’m not sure what you mean with with leaderbord, if you refer to this – http://screencast.com/t/BlBO8pgXkM2 you can use this css: http://screencast.com/t/Zzu2Gcc5J

.postid-32766 .wp-image-32802{
display: none;
}

The class for the sidebar ad is .td-g-rec-id-sidebar

Thanks!

Hi,

Please try this custom css (it will apply only for your home), if you want to apply on all pagese just remove .home class: http://screencast.com/t/Hsf0yrhiT

@media (max-width: 767px){
.home .td_block6 .td_mod9 .thumb-wrap img {
position: relative;
height: auto;
width: 50%;
vertical-align: middle;
}
.home .td_block6 .td_mod9 .thumb-wrap {
text-align: center;
}
.home .td_block6 .td_mod9 .item-details {
margin-left: 20px;
}
.home .td_block6 .td_mod9 .thumb-wrap img {
max-height: none;
max-width: none;
margin-bottom: 10px;
}
}

Try to use !important if some code is not applied.

Thanks!

Hi,

If you have adsense the class is changed from .td-a-rec-id-content_top to .td-g-rec-id-content_top Just change a with g
Please try this custom css: http://screencast.com/t/0gfJDcnswi – http://screencast.com/t/m1d99QccEI

.postid-32766 .td-g-rec-id-content_top, .postid-32766 .td-g-rec-id-content_bottom{
display: none;
}

Thanks!