Search Results for 'css'

Hi,

Sorry for the delay! I have checked your site and didn’t found many weird placement, one issue that I have noticed was the blocks ext and prev arrows which you can fix using this css: http://screencast.com/t/0Uoo9AYNxYT

.td-ajax-next-page {
right: auto !important;
background-position: -20px -20px !important;
left: 15px !important;
}

.td_ajax-prev-page {
right: auto !important;
left: 0px !important;
}

Also found that you need this css to remove the margin from the left of the title: http://screencast.com/t/HlEjhvQL

.td_mod3 .item-details {
margin-left: 0px !important;
}

On post page I found this: http://screencast.com/t/W2ChSM5xl2G

.single ul.td-category, .single ul.td-category li, .single header time {
float: right !important;
margin-right: 0 !important;
}

.td-social-sharing {
top: 0px !important;
margin-bottom: 0px !important;
}

.prev-post a {
padding-right: 0px !important;
}

.author-box-wrap .desc {
margin-right: 127px !important;
margin-left: 0;
}
.author-box-wrap .avatar {
float: right!important;
}

Hope this helps!
Please let me know if you have other issues with this.

Thanks

Hi,

You can set a custom class on the row and use that, like this: http://screencast.com/t/ffobFoCKvM
Or you can use this class which is unique for that block and set the margin like this: http://screencast.com/t/cuz1FCq3AcXw or set the width like this: http://screencast.com/t/PdwU1PE2oE

Here is the css i used:

.vc_custom_1413303079952 .td_block4 .wpb_row {
margin-left: 40px !important;
}

.vc_custom_1413303079952 .row-fluid .span4 {
width: 30.3%;
}

Thanks

Hi,

To add back the menu arrow pointer and left align the search results images please use this css: http://screencast.com/t/RyPXjgPPOsYL
Please remove the one I previous gave you and add only the one bellow:

#td-top-search .td-sp {
background-image: url('http://0div.com:70/wp_009/wp-content/themes/009/images/header/elements-menu.png') !important;
}

.td-sp-ico-search{
width: 25px;
height: 25px;
background-position: -20px -544px;
}

#td-top-search {
position: relative !important;
top: 0px !important;
}

#search-button .td-sp-ico-search {
position: relative;
top: 0px !important;
}

.header-search-wrap #search-button {
height: 20px !important;
}

.td-header-menu-wrap .td-aj-search-results .td_mod_wrap {
text-align: left !important;
}

Regarding the other matters, they are possible to achieve via custom css, unfortunately that is how the search module used there was tooth and designed and if you don’t like you would need to hire a freelancer to do that for you if you don’t know how to do it as we cannot offer custom work at this time because we are working hard on development, updates, fixes and support. You can get a freelancer from sites like: http://studio.envato.com/
For the search icon(lens) you can do this to move it at the right of the menu-top section: http://screencast.com/t/yJwsFCJFgnb
Result: http://screencast.com/t/wngyZChm

Hope this helps!
Thanks!

Hi,

You can find it and remove it from the td_css_generator.php file: http://screencast.com/t/UXzjNBbmLdGZ

Thanks

Hi,

You can try this css for headlines or you can go and manually select the title style 1 for each block but this will change this only on blocks while for some headline titles you don’t have this option and for those you will need to use css, like this: http://screencast.com/t/X41pM5OzlO

This the css for the headlines:

.block-title {
border-bottom: 2px solid #e7e7e7 !important;
font-size: 18px !important;
position: relative !important;
top: -3px;
margin-bottom: 23px!important;
}

.block-title a, .block-title span, .block-title label {
background-color: transparent !important;
color: #444444 !important;
padding-left: 0px !important;
padding-bottom: 3px !important;
padding-top: 0px !important;
display: inline-block;
}

I can’t recommend you a plugin for changing the headlines background color as I haven’t tested any plugin with that ability. Note though that this color can be set from block option, like this: http://screencast.com/t/46Lg8Iy2mNH
For the bullet headlines you can edit the module10 file and add list tags around the title, like this: http://screencast.com/t/6DgPkH59b9m
This will return this result: http://screencast.com/t/JbwjRCAtG3

Thanks

Hi,

You can set the background color for the whole site in that case and then use this css to remove it from category pages or overwrite it: http://screencast.com/t/tSVbVaVSY

.category {
background-color: initial; 
}

Thanks

Hi,

Use this css: http://screencast.com/t/3JyM6HtAy

.row-fluid .span4 {
width: 30.3%;
}

Thanks

Hi,

You can do it using this custom css, add it in theme panel > custom css: http://screencast.com/t/PQZDK6ktBnP

.td-login-wrap .td-login-info-text {
margin-top: 40px !important;
}

.td-login-wrap .td-login-button {
bottom: 10px !important;
}

Thanks

Hi,

@adhi
Go to page-homepage-slider.php file and add an title tag or other as you like: http://screencast.com/t/YUHHiaw5 then use css to style it: http://screencast.com/t/AocalfK6h

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Thanks Christopher!

@thebharatnews
To show the meta date you need to enable it from theme panel > post settings like this: http://screencast.com/t/zweLxnoJf
For the spaces between posts please sue this custom css and add it in theme panel > custom css filed: http://screencast.com/t/ymdyzAMK1n6
As Christopher wrote, the first slider is added when you use the “homepage bg” template: http://screencast.com/t/msHYEZk2XxyL
And the second it’s the one you added using page builder.
To fix this you have to change the template or remove the one you added.

Thanks

Hi,

Please use this custom css in theme panel > custom css: http://screencast.com/t/NkCjMvYs
If you want the title on one line go to td_module_slide_big.php file and change the number of chars per line, like this: http://screencast.com/t/SX6u65gdG

Use this css:

.td-sbig-title-wrap, .td-sbig-title, .td-sbig-title {
width: 100%;
}

.td-sbig-title-wrap {
bottom: 0px; 
}

Thanks

Hi,

Make the change in menu-top.php file and use this css: http://screencast.com/t/Q9gT7KfdSY

.span9 .td-header-menu-wrap .menu-top-container {
float: right;
}

.span9 .top-header-menu {
margin: 0px 48px 0px 0px;
}

.span3 .top-header-menu {
float: left;
margin: 0 0 0 48px;
}

Thanks

• This reply was modified 11 years by Lucian.

Hi,

You can sue the the font-family property to change the fonts via css: http://screencast.com/t/H1lfkwj3V

.widget_recent_entries ul li a{
font-family: 'Roboto Condensed', sans-serif;
color: #222222;
font-weight: normal;
font-size: 15px;
padding: 0px !important;
}

You can also add and use your own fonts, like this: https://forum.tagdiv.com/how-to-use-custom-fonts/

Thanks

Hi,

You can use this css: http://screencast.com/t/zumdcf8g

.container-fluid {
padding-left: 0px;
padding-right: 0px;
}

Thanks

Hi,

You can achieve that via css, use this custom css in theme panel > custom css filed: http://screencast.com/t/Y3aeNhJftoF

.block-title {
border-bottom: 2px solid #e7e7e7 !important;
font-size: 18px !important;
position: relative !important;
top: -3px;
margin-bottom: 23px!important;
}

.block-title a, .block-title span, .block-title label {
background-color: transparent !important;
color: #444444 !important;
padding-left: 0px !important;
padding-bottom: 3px !important;
padding-top: 0px !important;
display: inline-block;
}

Thanks