Search Results for 'css'

Hello listsy,

Unfortunately, it’s not an easy task, the blocks are integrated in the theme and they also come with custom css which is based on the theme grid structure. Each block uses a certain module (in some cases two modules), the files for modules and blocks are located in – http://screencast.com/t/IfgDfvH19 The css can be found inside the style.css file – http://screencast.com/t/tKu6SSskwgv

My suggestion is to hire a professional developer to help you with this task, if you don’t know any look for one on places like – http://studio.envato.com/ – We would have gladly made it for you but for the moment we cannot offer custom work, sorry for this.

Thank you for the message!

Hello,

1) Please check your homepage again and recreate it in visual composer. If you have a row inside of another row, please remove them as these situations can cause errors. Please use a default layout to see if the issue is still there.
2)You can use this custom css code in the theme panel->custom css box:
.td-pulldown-filter-display-option{
display:none!important
}

Thank you!

Hello,
Unfortunately in it’s current state you cannot position it as it is not wrapped in any element whatsoever. Please wrap it around a div element with a custom class so you can use css to target it.
You can use the code like so:
<div class="custom-time"> <?php if (function_exists('wp_time_to_read')) wp_time_to_read();?> </div>
Then you can use a css code like so:

.custom-time{
add css code here
}

I hope this helps.

• This reply was modified 10 years by Bogdan B..

Hello broadstone,

If you want to hide a featured image only for a specific post, it is necessary to use a bit of Css and target the post ID for which you want to hide. Place the code below in your Css code area, like this: http://screencast.com/t/kUwlLkoMNwm .

.postid-937 .td-post-featured-image {
display: none;
}

The post ID you should find, like this: http://screencast.com/t/Abs1L6nMYd

Hope this helps and let us know how it goes!

Thank you for the message!

Hello ianking,

You need to use a bit of Css to solve this problem. Please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/ZnQ2YasH

.td-post-source-tags {
font-size:20px;
}
.td-post-small-box span {
background-color: red;
}
.td-post-small-box a {
font-size:15px;
}

The result you should see here: http://screencast.com/t/yunfcvHFdC

Hope this helps and let us know how it goes!

Thank you for the message!

Hello rishab55555

Below, I gave you an example for what you want to achieve to put a button after the posts title. First of all, you need to make a custom class and add an image button you like and place it in loop_single.php, like this: http://screencast.com/t/FapsZDElh and also the code you should find here: http://pastebin.com/iHh4SKpy . After this changes, you have to use a bit of Css with the code below:

.button {
position: relative;
float: left;
display: block;
top: 9px;
padding-right: 10px;
}

The result you should see here: http://screencast.com/t/9uofVar07nx

There is just an example. You can adjust the values and put another image source until you get what you want.

If you want to have another different button for each post title, please find a plugin to do this for you.

Hope this helps!

Thank you for the message!

Hi,

You need to create the css code and then add it in the theme panel->custom css box. We use a chrome extension called live css editor and the browser inspector to get to the part we want to edit.
For example on a block 4: you would use the code like so:
.td_block_4 .td_module_2 .td-module-title{
padding-top: 164px;
}
Just the title can get a padding-top and the excerpt will drop as well.
You can use the same method on block 7 by changing the classes and padding value.

Thank you!

Hello,
Please provide a link to your block widget you will like to change the color for. The back-end can only be changed from the core files: http://screencast.com/t/WohetAwAtSF It cannot work with css code added in the theme panel. The front end can be edited with css in the theme panel but we cannot inspect your website to see what that particular block is: http://screencast.com/t/lwbKHiJnUzBp
Thank you!

Hello,
Please try to disable all your plugins except visual composer, clear your cache and purge cdn files if you use it in order to rule out a plugin conflict. Also if you have any custom css modifications, make sure they do not affect the search widget and check to see if all tags are closed correctly. This problem can easily be fixed with css as it has an absolute positioning. you can add this code to re-position it if you want:
.header-search-wrap .td-drop-down-search{
left: 680px;
}
But finding the root of the problem is more important than coming up with a workaround.
Thank you!

Hello,
Every modification you make is going to affect other parts of the website. Css is not dynamic. If you change an image size, css will not automatically adapt to the new size. It will maintain it’s position and styling. You will need to edit the css as well to adjust all the titles to your new thumbnails.
Thank you!

Hello,
I think the problem originates from somewhere else.
I tried your css and it works: http://screencast.com/t/jRzNwVUlN9G
On your website it seems the selectors are more powerful so you need to adjust the code a bit and use the !important attribute.
Use it in your code like so:

.td-post-content blockquote {
background-color: #FCFCFC!important;
border-left: 2px solid #8CBF26!important;
padding: 15px 23px 0 23px!important;
position: relative!important;
top: 6px!important;
clear: both!important;
margin: 0 0 29px 0!important;
}
.td-post-content blockquote p {
color: #8CBF26!important;
font-size: 13px!important;
line-height: 21px!important;
padding-bottom: 16px!important;
margin: 0!important;
text-transform: none!important;
}
Add the important to your other code as well and it should work as expected.
Thank you!

Hello,
We tested WP 4.4 wit our theme and no problems were found. Please provide more details to what css does not apply anymore and provide examples so we can investigate this issue further.
Thank you!

Hello,
The easiest way to achieve this is to make all links on your homepage not clickable (except for the menu)
You can use this custom css for it:

.home .td_block_wrap{
pointer-events:none;
}

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

• This reply was modified 10 years by Bogdan B..