Search Results for 'css'

Hello,

Unfortunately there is no option for it in the theme panel, You will need custom work to do it.
You can change the thumb size used by the block by identifying the module file used by it. In this case it’s module 3: http://screencast.com/t/f4EDZUpfC7yJ
You can change the thumb size to another used by the theme: http://screencast.com/t/DsEsN5vR53Bl
But this will cause further problems: http://screencast.com/t/OthxWLXR6Z Images will stretch over the titles so it will need further adjusting to display properly.
I used the 534×462 thumb size. You can use this custom css in the theme panel->custom css to get the titles a bit lower:

.td_module_3 .td-module-thumb {
height: 275px!important;
}

I hope this helps.
Thank you!

Hello,
Unfortunately there is no option for this in the theme but you can use a bit of CSS to hide author name on specific posts: http://screencast.com/t/MLEynQa6zY
Every post has a specific ID on the body tag. You need to identify this id and then use it to hide the author like so:

.postid-196 .td-post-author-name{
display:none!important;
}


I hope this helps.
Thank you!

Hi,

You can add the code in the theme panel->custom css box.

Please check this issue without plugins. Please disable all plugins except visual composer and bbpress and check it again to see if it is a plugin conflict.
Let us know how it goes!

Thank you!

Hello,

You can use the following CSS code to adjust the size and center position:

@media (min-width:1024px){
.mu_register{
width:900px;
}
}
@media (min-width: 768px) and (max-width: 1022px){
.mu_register{
width:700px;
}
}

If you want to adjust the social icons as well:

.apsl-login-networks{
width:410px;
margin-left:auto;
margin-right:auto;
}
.apsl-login-new-text{
text-align:center;
}

result: http://screencast.com/t/djnFV61gsL4

Thank you!

Hi,

You can create a page to display all your authors using Authors Box block. It will display all your authors(name, photo and posts and comments counter) – http://screencast.com/t/l1baxeL773s2
If you need also author bio information, you will have to add this code in td_block_authors.php file – http://screencast.com/t/LQFrzsG1J – http://pastebin.com/UUutjeP7
And add the following css in Theme Panel > Custom Css – http://screencast.com/t/2esvImmE

.td_top_authors div.item-details {
height: auto;
}

Thanks!

Hello Andrei,

You can use this generator from feedly to create your button and link to your account: http://feedly.com/factory.html

Then, for the header icons you can place the generated code in the top-widget.php file like so: http://screencast.com/t/3mrx3E76 result: http://screencast.com/t/QTQUNthjHY3b
It will need a bit of css styling to get in line with the others. You can add a CSS class to the a link generated on the feedly site as an example:

<a class="feedly-top" href='http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fmyfeed' target='blank'><img id='feedlyFollow' src='http://s3.feedly.com/img/follows/feedly-follow-circle-flat-white_2x.png' alt='follow us in feedly' width='28' height='28'></a>

Then you can style it with css using the ‘feedly-top’ class.
For the bottom widget you will have to use the code in td_footer_extra_bottom.php like so: http://screencast.com/t/7HIBb5yxoaul
Keep in mind that you may have to change all the quote symbols to match the php syntax. A text editor line notepad++ will warn you on this.
Then you can also style it with css to position it.
I hope this helps

Thanks.

Hello,

1) The top menu containing the login widget is hiden on the mobile version. It was a design choice and it can be forced to appear using custom css:

@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
.td-header-sp-top-widget {
display: none !important;
}
}

Just add the code in the theme panel->custom css box.

2) and 3) please provide more details to your problems. Be more descriptive and provide a link to your website so we can inspect the problems and come up with a solution.

Thank you!

Hi,

You could try this custom css in Theme Panel > Custom CSs -http://screencast.com/t/TvuZ3DjQcrxt but please note that it also depends of your image size(you have to use a bigger logo than the Travel, I have modified the image size):

@media(min-width: 768px) {
.td-header-style-5 .td-main-menu-logo {
height: 100px;
position: absolute;
}
.td-header-style-5 .td-main-menu-logo img {
max-height: 100px;
}
.td-header-style-5 .sf-menu {
float: right;
}
}

Thanks!

Hi sejpost,

Yes, it is possible. First of all you must create a custom link within wordpress like this-> appearance->menu->custom link: http://screencast.com/t/cwbTeaDq and in next step please try a bit of css below:

@media (min-width: 768px){
.menu-item-57 {
display: none;
}
}

Attention: Every custom link newly created has a different id and you must target this in CSS for a result. This id you can find like this: http://screencast.com/t/Nz1kracbMa7a

The result: http://screencast.com/t/812JzGp9473 http://screencast.com/t/V6fAus84ivvx

For your second request, our theme has not been designed to display view of the desktop version in mobile version.

If is not what do you want, please provide more details.

Hope this helps.

Thanks.

• This reply was modified 10 years by Catalin.

Hello,

You have to be careful with css as it is a very specific language, so a code that will work on one header style will not work on another. We generally use the browser inspector (chrome) and an extension called live css editor when creating the code. It helps a lot!
I have checked your site and it seems that your modifications apply.: http://screencast.com/t/fuMVmyU2S – http://screencast.com/t/QQ73ujGNyDQx

Thank you!

Hi,

Glad that you made it! I have checked your page source and they are moved to the footer like you said. But the custom css is still there, you said you move it in the stylesheet file – http://screencast.com/t/ezFwsuFG32G
If you move the custom css in style.css please remove it also from Theme Panel > Custom Css. I’m not sure what you mean that it failing.. please provide more details.
Also you could try to save the css code in a text file and try pagespeed test without it and see if it works.

Thanks!

Hello,

You can achieve this by using a bit of custom CSS:

.td-social-but-text{
display:none!important;
}

Just add it in the theme panel->custom CSS box.
result: http://screencast.com/t/kPronW3xlvn1

Thank you!

Hi,

I have checked your website and it does not use our theme. The information facebook pulls is not controlled by the theme, but you can use SEO Yoast to control it.
As for the smart-list, you can select a post template that does not use the featured image: http://screencast.com/t/S1mhNWErXD
Or hide featured image on existing post templates with css. For example this code hides featured images on the default post template:

.td-post-template-default .td-post-featured-image{
display:none;
}

I hope this helps!
Thank you!