Search Results for 'css'

Hi,

Change this value to get 8 posts: http://screencast.com/t/oI1TX4M8L9gl
Result: http://screencast.com/t/jc5sS1gSN
Use this css also to get the posts to stay on line:

.td_mod_mega_menu .entry-title {
max-height: 20px !important;
}

Regarding the order unfortunately you can’t set a sort order for subcategories, you can though set as subcategories of that category only those you want to show in the menu.

Thanks

Hi,

You can chose the title style 1 for the block titles then you would have to use less css to get it done as you like: http://screencast.com/t/w8yuWmjp
You can set the color/border/text align and so on.. as you like and adjust it using css, note though that if you set a color for the title from block editing panel you will not be able to overwrite it via css, best is to leave the settings default and add the color via css.

Here is the css I have used for this:

.td_title_style_1 {
color: #000000;
border-bottom: 3px solid #000000 !important;
}

.block-title span  {
color: #000000 !important;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
line-height: 20px;
}

Hope this helps!

Thanks

• This reply was modified 11 years by Lucian.

Hi,

You will have to add this line so that the social like/tweet/google+ buttons appear before the post content, like this: http://screencast.com/t/rqFkotmg then use this css to remove the gap between post content and the buttons: http://screencast.com/t/qUyD8CYhyTYR

.td-social-like-tweet {
margin-bottom: 0px !important;
}

Hope this helps!

Thanks

Hi,

You can use this custom css: http://screencast.com/t/SLurkYDm8D0d
For the “upcoming releases” block tough you need to edit the block and remove the color set for the block title, after this you can use the following css to change the hover color for that block also:

.widget_rss .block-title span a:hover {
text-decoration: none !important;
color: blue;
}

.widget_rss .block-title, .span4 .td_block5 .block-title  {
border-bottom: none;
}

.td-grid-wrap .span4 .td_block5 .block-title a:hover {
text-decoration: none !important;
color: blue !important;
}

Thanks

Hi,

Yes, please use this custom css: http://screencast.com/t/FhaWxthM7

.post .td-post-featured-image {
text-align: center;
}

Thanks

Hi,

When you set an background image for your category page like this: http://screencast.com/t/H7EpzYxBO and that category background by default will be set as “no-repeat”: http://screencast.com/t/fQHx9wHPk
You can also achieve this via css, like this: http://screencast.com/t/1PwfiwGAkT
Add this custom css in theme panel > custom css:

.category {
background-repeat: no-repeat;
}

Thanks

Hi,

You need to adjust it via css, please add the code then send me an URL to an attachment page of your site, I need to inspect this so I can provide a solution for this.
Also please make sure you have done this I believe it could solve your problem.

Thanks

Hi,

Sorry about that, I tooth different, the ones I targeted are the block titles actually, use this css instead: http://screencast.com/t/7OxjnnAIjc

.td_mod_wrap .entry-title a:hover {
color: blue;
text-decoration: none!important;
}

Thanks

Hi,

I’m not sure I understand what are you trying to do, please provide more details about this.
You could try to use this custom css to center the feature image on post page:

.td-post-featured-image {
text-align: center;
}

Thanks

Hi,

Remove the settings for the header text color from block editing panel and use this custom css to change the color on hover as you like: http://screencast.com/t/A7vjWDVoaG

.block-title, .td_title_style_1 {
border-bottom: none;
}

.block-title a:hover {
color: blue !important;
opacity: 0.5 !important;
}

Thanks

Hi,

I have tested your site and found no issue’s with the top menu, looks and also responds well to all screen widths.
You can use this custom css to display it on mobile also: http://screencast.com/t/NFOuvSvSWQ7i

Thanks

Hi,

I forgot to mention that the last css should be added along the one I previous provided, if it work as you like, it’s fine.

Thanks

Hi,

Please use this custom css: http://screencast.com/t/IDoIC2mwf8Wi

.page-id-1242 .ui-tabs-nav .ui-tabs-active a {
background-color: #fff !important;
}

.page-id-1242 .ui-tabs-nav {
border-color: #fff;
}

This will only apply to this page only because of the .page-id-1242 class, if you need this to change the background color for active tabs and border color you have to remove that class from the css.

Thanks

Hi,

Please replace the menu-top.php file content with this: http://pastebin.com/74EUnHPZ ..like this: http://screencast.com/t/6LYQko2qvJ
Then add this custom css in theme panel > custom css:

@media (min-width: 1200px) {
.top-header-menu, .td-header-menu-wrap .menu-post-and-page-settings-container .menu {
margin: 0px 49px 0px 0px;
}
}

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

After this you will have the item displayed at the top on the right like this: http://screencast.com/t/HNAnqycD
Note that this will remove the top right widgetised area, only use this if you aren’t planning not to use that area.

Thanks

Hi,

Use this css: http://screencast.com/t/Vz2r3hWB

.widget_rss .block-title span, .widget_rss .block-title span a {
font-family: Oswald;
font-size: 17px !important;
line-height: 18px;
font-weight: bold;
text-transform: uppercase;
}

Thanks

Hi,

Could be make sure you empty cache, purge files if you use any CDN or cache plugins.
Also inspected your site for this custom css and I found all but this:

.post header h1 {
margin-top: 17px !important;
}

This is why you still have this issues. Please make sure this css it’a added right into theme panel.
Use it like this:

@media (max-width: 768px) {
.single .post header h1 {
margin-top: 17px !important;
}
}

You could also try to edit the style.css file and add it there if still dose not work.

Thanks