Search Results for 'css'

Hi,

The posts are aligned one after another without a row. Please try this custom css:

.td_related_posts .td-related-span4:nth-child(3n+1){
clear: left;
}

Thanks

Hi,

a. It looks well now: http://screencast.com/t/WioDyTLH Please let me know if you’ve managed to fix this.
b. Please provide more details about this as I have also tested this but couldn’t reproduce it.
c. That is the way the latest articles work when you navigate trough that section you can use another template for you homepage and use an block to add that section and use the ajax pagination.
d. Use this css in theme panel > custom css field to remove that border: http://screencast.com/t/IYa1qfRJ

.td-main-sidebar .td_block_2 {
border-top: 0px solid #e6e6e6;
}

.td-pb-span4 [class*="td_block_2"] {
border-top: 0px solid #e6e6e6;
}

f. I have tested your site and haven’t seen this behavior. Please let me know if this happens again and also try this without any plugins, empty cache and purge files if you use CDN.

1/ Please provide more details as it looks well to me: http://screencast.com/t/L7dJd2NI
Maybe if you another background color: http://screencast.com/t/fUVjX9Tbg6K
2/ Which block title you refer too? I have checked this and haven’t noticed anything wrong: http://screencast.com/t/8D2hoMmJxY

Thanks

Hi,

Unfortunately the newsmag theme doesn’t have an option to add an icon for your menu items like newspaper dose so you need to add it yourself.
You can add an image/icon as a label for your home menu item like this: http://screencast.com/t/QB2oA2mk then you have to use some additional css to set an height for you new menu item, for this you can use the unique class that each menu item has to target just the menu item you’ve created and set an height to it, like this: http://screencast.com/t/jWY1S7N2R
Hope this helps!

Thanks

Hi,

You can use css for that, just use this custom css in theme panel > custom css filed and adjust it as you like:

.td-a-rec-id-header, .td-g-rec-id-header {
top: 35px !important;
}
Please let me know if this doesn’t work and also provide your site URL.

Thanks

Hi,

You could try something like this: http://screencast.com/t/zZK2vlyw

.sf-menu .menu-item-has-children .sub-menu {
max-width: 90% !important;
}

Add this css code into custom css filed in theme panel.

Thanks

Hi,

Try this custom css in theme panel > custom css filed: http://screencast.com/t/TAX71uLTBb
Adjust it as you like.

@media (max-width: 767px){
.td-big-grid-post-2, .td-big-grid-post-3 {
width: 100%;
}
.td-big-grid-post-2 {
border-bottom: 4px solid #fff;
}

.td-big-grid-post-1 .entry-thumb, .td-big-grid-post-2 .entry-thumb, .td-big-grid-post-3 .entry-thumb {
width: 100%;
height: 100%;
}
.td-big-grid-post-2 .thumb-wrap, .td-big-grid-post-3 .thumb-wrap {
border-right: 0px;
height: 100%;
}
.td-big-grid-post-2 .td-sbig-title-wrap, .td-big-grid-post-3 .td-sbig-title-wrap {
padding: 8px 5px 8px 5px;
}
.td-big-grid-post-2 a, .td-big-grid-post-3 a {
font-size: 17px !important;
line-height: 12px;
}
}

Thanks

Hi,

We know about this and it seems that it could be a render issue. We are still investigating this though and we will fix it as soon as we find a solution.
Until then you could use this custom css and adjust the line height of the block title like this: http://screencast.com/t/jdMqdqQuK

.block-title {
line-height: 30px !important;
}

Sorry for the inconvenience!
Thanks

Hi,

Please use this custom css to hide the excerpt on block 2/6:

.td_block6 .td-post-text-excerpt, .td_block2 .td-post-text-excerpt{
display: none;
}

For module 7 you don’t have a class that you can use to hide the excerpt so you can edit the module 1 file and add this class: http://screencast.com/t/MuGmEcxOAzpg then use it to hide the excerpt like this: http://screencast.com/t/MuGmEcxOAzpg

.module_7_excerpt {
display: none;
}

Thanks

Hi,

You could do via custom css like this: http://screencast.com/t/CiOywiOR

.td_block_big_grid .td-big-grid-post-0 .entry-thumb {
width: 100%;
}

But I suggest you regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ as an thumb image for that slider container should be created and used there. I have also tested this and as you can see it should work fine: http://screencast.com/t/z2Djej8fjYV

Thanks

Hi,

I suspect that this is happening due to the speed booster plugin as a result of moving the js/css to the footer and a long server response time.
I suggest you deactivate all plugins though and check this without and plugins then activate them one by one to make sure that this is it, also make sure you empty cache and purge files.
You can also try to enable page cache and check if this still happens.

Thanks

Hi,

@OnlineThemes As Chris stated the @media queries are used to style the content for mobile screen widths. You can edit the thumb’s css file and search for @media (max-width: 767px) and remove them, leaving just the style for tablet which is under @media (min-width: 768px) and (max-width: 1023px): http://screencast.com/t/5pibBDJP33d
I suggest you backup your current theme installation before you alter it so that you can revert back to it if something goes wrong.
Hope this helps!

Thanks

Hi,

Unfortunately the theme has only 3 options for font-weight in Custom Typography, but you can use custom css to change that: http://screencast.com/t/BC3mTJDo

.td-post-content p{
font-weight:600 !important;
}

Hope this helps!

Hi,

You can find font’s option in Theme Panel > Custom Typography. For your example the Menu: http://screencast.com/t/9wXAGXm5
For posts main content you also have an option in theme panel but only to make it thicker, if you want to set a lower font weight you can use custom css to do it: http://screencast.com/t/4GkMSXlhj42

Thanks!

• This reply was modified 11 years by Lucian.

Hi,

You can set a background image for the whole site from here: http://screencast.com/t/HwFlSa2wN4u
Then set the header to transparent using the css from below in your theme panel > custom css filed:

.td-boxed-layout .td-logo-rec-wrap {
background-color: transparent;
}

You can add a background image using the css from above and the background image css property instead of bg color and add the bg image for your header via css: http://www.w3schools.com/cssref/pr_background-image.asp

Replace the ad here: http://screencast.com/t/aPZoSx1XVPlv with the code that you want instead of it in the right side next to the logo.

Thanks

Hi,

Try the following css (add it inside Theme Panel -> Custom CSS): – http://screencast.com/t/u71UIuECuw

.td-normal-menu > .sub-menu{
width: 10em !important;
}
.sf-menu ul a > span.sf-sub-indicator{
right: auto;
left: 12px;
background-position: -20px -970px !important;
}

Thank you, Emil G.

• This reply was modified 11 years by Emil G.

Hi,

You can this custom css in Theme Panel like this:

.td-post-text-content p{
text-align: justify;
}

Result: http://screencast.com/t/XYQqyjuCK

You can also change the format of the text from here: http://screencast.com/t/CYMxcEb4p28i
Result: http://screencast.com/t/zfxCvRv7fS

Hope this helps!

Thanks!

Hi,

Unfortunately the theme doesn’t have an option for this and you would need additional customization for it. If you need it you can get some to help you with this and alter the slider’s css as you like, it’s not an easy task and you would need custom work for that which we cannot provide at this time as we work on updates/development and support. I suggest you to get someone to help you with this if you need it and don’t know to do it.
Sorry for the inconvenience!

Thanks for the message!