Search Results for 'css'

Hello,

Unfortunately our theme does not have such an option. It can only be done with customization. You will require css knowledge to do it. You will have to edit quite a few lines of code in style.css as 767 pixels is the trigger for the mobile version. You will have to change every value that targets this viewport area in style.css and there are 728 matches on a quick search: http://screencast.com/t/fYppSMys9

Thank you!

Hello Boddickerdk,

1)Please notice that our theme does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results. If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
2)Please provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate response.
3)You website is needed for an accurate response.

Thanks.

Hello,
You can use this css to change the button position:
@media(max-width:767px){
.td-md-is-ios .td-scroll-up{
bottom: 50px!important;
}}

Add the code in the theme panel->custopm css box and change the value (bigger value – button goes up)
I hope this helps.
Thanks.

Hi,
Please provide a link to your site as css is very specific and I have to inspect the site and provide the proper code that fits your layout.
Thank you!

Hello okgo87,

All the custom CSS have to here -> http://screencast.com/t/bHT4ZMeioj Try to erase your broken code from here, leave it blank and test it again.

Thanks for your understanding!

Hello janamtrup,

The Block 25 uses the module mx17 and module 6 (to the right side). All the settings about these thumbs are generated in td_config.php, like this -> http://screencast.com/t/s2pAj0UV3 If you want to change the size of this, please notice that you will have to alter the code from there and if you do not have any experience in PHP/HTML/CSS you can break the layout of this block and theme. If you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello blazin1,

Please try the code below and lace it in Theme panel->Custom CSS area.

The code is ->

.td_block_social_counter .block-title > span {
background-color:black
}
.td_block_social_counter .block-title{
border-color:black;
}

The result you should see here -> http://screencast.com/t/0HcAZXuhWT

Thanks for your understanding!

Hi,

Unfortunately as I have mentioned above, css does not know how to do that. You will need to use javascript to change the menu classes and add a specific one for each category. Unfortunately there is no easy solution for it. You will need custom work which we cannot provide at the moment. I will add your request to our list for future updates though.

Thank you!
Bogdan B.

Hello alittl19,

If you want to hide the main menu for all your pages, please try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.page .td-header-menu-wrap {
display:none;
}

Thanks.

Hello,

Sorry for the inconvenience. There seems to be a css issue in the new update on the mobile theme. Please use this css code in the mobile theme’s custom code box:

.td-post-author-name div { display:inline; }

Thank you for your understanding!

Hi,
The code works even on the site you mentioned. Look: http://screencast.com/t/VNsflCOkqM
Please make sure in your custom css box that you closed all the previous css tags. and add the code after a closing tag.
I have tested the option from the theme panel on our end and it seems to work but maybe you missed the new feature added: http://screencast.com/t/kQFIEhBT now the post author and date on modules and blocks has been split in 2 options. One is on post settings for posts only and the other is here: http://screencast.com/t/kQFIEhBT for modules and blocks. I think this is the cause of the post date and author. http://screencast.com/t/rneS3ZiiHhEZ
Let us know how it goes.
Thank you!

Hello,

If you want to change the color of a post title, you can do it with css, but this will not be an automatic process as css cannot detect the category used. You can change the title color for each post title in particular based on the post id, but in order to make it detect the primary category and make it change color based on category, it will require substantial coding knowledge. We cannot provide a quick solution for this unfortunately.
If you simply want to change the post title color with css, then you can use this code:
.postid-7619 .entry-title{
color:red!important;
}

You will have to change the post id to match your own. You can get the post id like so: http://screencast.com/t/BbtEZxNrxLF

Thank you!

Hello,
If you want to hide all of the menu bar, you can user this code:
@media(max-width:767px){
.td-header-menu-wrap-full{
display:none!important;
}}
Add it in the custom css spot of the theme panel.
Thank you!

Hello,

For the author name on the mobile theme, please use this custom css:
.td-post-author-name div { display:inline; }
Add in the mobile theme’s custom css here: http://screencast.com/t/dJ2473a0
Sorry for these issues. We’re only human :).

We will fix this in the next update.
Thank you!

Hello,

Custom buttons can be made with html and css. You can try it like so:
create a raw html element below the block and add this code to it:

<div class="fullwidth">
<a href="https://www.google.ro">My custom button</a>
</div>

Then add this css in the page settings:

.fullwidth{
background-color:red;
border-radius:10px;
padding: 5px 0;
}
.fullwidth a{
display:block;
width:100%!important;
text-align:center;
color:black!important;
}

http://screencast.com/t/RYLXN9Gsn

This will be the result: http://screencast.com/t/BzNmoKYAdVip

Thank you!