Search Results for 'css'

Hi,

Try this code, just enter it in Theme panel->Custom Css

.td-main-content-wrap {
padding-bottom: 0;
}

Result – https://www.screencast.com/t/4EEQ0T1oSU

Thanks

Hello john low,

If you want to remove this section from your mobile theme, you should use a bit of CSS code to do this. The code is ->

@media (max-width:767px){
.td-footer-description{
display:none;
}
}

The result is here -> https://www.screencast.com/t/35kPN7Y22RM

Thanks for your understanding!

Hi,

That is the widest it can be and also the default theme width as seen in the demo, set in the theme’s style css file. It is not recommended to modify it because all the elements on the page depend on it and can cause layout problems. The theme was designed with a fixed width in mind and we adapted the theme elements to this fixed width and created the responsiveness based on it as well.

Thanks

Hi,

You can try this code that applies only when the menu is sticky, so the menu item does not overlap the logo in that situation, just enter it in Theme panel->Custom Css

.td-header-style-10
.td-header-menu-wrap.td-affix
.menu-item-928 {
margin-left: 65px;
}

Result – https://www.screencast.com/t/QAgmZQiwho

Thanks

Hi,

You can use any text editor to open the file style.css from the theme folder and add the code – https://www.screencast.com/t/wDfQGr7j or even wordpress editor – https://www.screencast.com/t/0rIV5dk3tRum

Thanks

Hi,

Try this code, enter it in Theme panel->Custom Css, it removes the bottom padding and margin on the module

.td_block_9 .td_module_8 {
padding-bottom: 0;
margin-bottom: 0;
}

Result – https://www.screencast.com/t/O1CsrNnw
That problem with the thumbnail should not happen, some plugin could be causing this. Right now I do not see it in your site – https://www.screencast.com/t/NTRlWzeAe4
If you should encounter this problem in the future, try disabling all the plugins except Visual composer and see if it still occurs.

Thanks

Hello,

Please provide a link to your site pointing at the element and I will inspect it and see if a css code will fix the styling issue.

Thank you!

Hello Chris,

If you want that your style.css to remain to the header section you should edit the td-speed-booster.php and comment out this line, like this -> https://www.screencast.com/t/j9B01harJ
As you can see in td_wp_booster_functions.php core file, the theme will enqueue the theme style using this ID ‘td-theme’, like this -> https://www.screencast.com/t/EwnnFyTkoex

Thanks for your understanding!

Hi,

You could hide the Big grid in your homepage with Css on smaller devices using this code, just enter it in Theme panel->Custom Css

@media (max-width: 767px) {
.home .td_block_big_grid_6 {
display: none;
}
}

Result – https://www.screencast.com/t/jbAONMxQVqsU
Please let me know if this works for you
Thanks

Hello,

Sorry but this element does not feature a block title url. You will have to find another method to add an url.
You can create your own title with link using html.
Here is an example:
add this in a raw html element: <div class="td-block-title-wrap"><h4 class="block-title"><span><a href="www.mycustomurl.com">Mycustomtitle</a></a></span></div>
Now you have your own title to place wherever you want
There will be a color issue https://www.screencast.com/t/nGq6CwMtS that can be fixed by adding a custom class to the row that contains the custom title we created. After adding a custom class to the row, you can use it together with css to change the color. https://www.screencast.com/t/ozDo9ebt

.mycustomclass .block-title a{
    background-color: red;
}

Thank you!

Hi,

If you want to remove the date on this block only use this code, enter it in Theme panel->Custom Css

.td_block_9 .td-post-date,
.td_block_9 .td-post-author-name span {
display: none;
}

Result – https://www.screencast.com/t/ZvlD2K6AwE4

Block 9 uses module 8 – https://www.screencast.com/t/Fe6MkxmEnHFl to modify the font settings go to Theme panel->Theme fonts – https://www.screencast.com/t/WNBhb353 and change it to what you like
As for the margin between modules it needs custom css, please specify how exactly you want them to be, and i will try to provide a solution. It would be best if possible to provide a link to your website or even a screenshot.
The answering order in the forum is by oldest topic to newest during the support hours.

Thank you for understanding

Hello,
For verdana you do not need to add the font-face at all. Verdana is part of the web-safe fonts and is present on all browsers by default. Here is a list of fonts that do not need to be loaded at all: http://www.w3schools.com/cssref/css_websafe_fonts.asp
For the others you will also need a font file to be downloaded and placed on your server. The theme fonts section will do this automatically but since this is a customization it has to be done manually.
Thank you!

Hello,

I have checked your site but I cannot see this twitter button anywhere. Please provide an example of where should I look for it.
The social icons can be removed with this code:
.td-mobile-container .td-menu-socials{ display: none; }

Add the code in the theme panel->custom css box.

The comment counter on the front page can be removed from the theme panel like so: https://www.screencast.com/t/qDXO9jXbTcj

Thank you!

Hello Alexander Kleyman,

If you want to hide the sidebars from mobile view, you should use the code below and place it in Theme panel->Cusotm CSS area.

@media(max-width:767px){
.td-pb-span4{
display:none!important;
}
}
@media(max-width:767px){
.td-ss-main-sidebar{
display:none;!important;
}
}

Hope this helps!

Thanks for your understanding!

Hello,

It depends on the font you want to use. If you already use the font on desktop then the font will be loaded on mobile. If the font is not used anywhere else, then you have to load it with css
To load a font with css you will have to use this code:
@font-face {
font-family: 'add your font family here';
src: url('add the source url for the font. insert the path that leads to the font') format("opentype");
font-weight: normal;
font-style: normal;
}

After the font is loaded it can be used like so:

@media(max-width:767px){
.td-post-content p, .td-post-content {
font-family: verdana!important;
}}

Thank you!

Hi,

I have tried to replicate your setting with block 10 and block 9 below it set a limit of one post – https://www.screencast.com/t/BAYI5NPvC7pi with bigger font size and this is the result – https://www.screencast.com/t/dnz45Y3mH the content ocupies all the space available – https://www.screencast.com/t/8LEi0m81wmC1 in that module.
You can set a limit of one post in each block settings – https://www.screencast.com/t/b1Gw4QlXX
Maybe what you are trying to say is that you want those blocks with one post occupy the entire row – https://www.screencast.com/t/E0p470RBc8 If that is the case you must set the row to full first – https://www.screencast.com/t/ld8bF1FiGqZ1 then enter this code in Theme panel->Custom Css

.td_block_10 .td-block-span4 {
width: 100%;
}
.td_block_9 .td-block-span4 {
width: 100%;
}

However this would apply to all the block 9 or 10 set on a full row in your page if you have any. In that situation please provide a link and I will try to give a solution but if not, the code should work fine. Hope that I did not misunderstand what you are saying but if I did please correct me.

Thanks