Search Results for 'css'

Hello VoZz,

If you want to change the color of the arrows from your smart list, please try the code below and add it in Theme panel->Cusotm CSS area.

The code is ->

.td-left-smart-list, .td-right-smart-list {
color:red;
}

The result you shouls see here -> http://screencast.com/t/aiM7EXPk3f

Hope this helps!

Thank you for the message!

Hello dizajn,

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

The code is ->

.widget_gcz_facebook_page_like .block-title {
display:none;
}

The result you should see here -> http://screencast.com/t/1GwkFOwZajH

Thank you for the message!

Hello mystudent,

You can do that if you are using a bit of CSS code. Please try the code below and add it in Theme panel Custom CSS area.

The code is ->

.td-header-style-1 {
width: 1068px;
margin-left: auto;
margin-right: auto;
}

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

Hope this helps!

Thank you for the message!

Hello thoseconspiracyguys,

Unfortunately, our theme does not have such a simple option for your request, sorry! For achieving that is required custom work and only from the code. Please notice that is not a simple task and it is necessary to have a solid knowledge for hard-coding in PHP/HTML/CSS. If you want to display more levels in our theme and you are not aware the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!

Thank you for the message!

Hi,
You can create your button in visual composer and assign your settings to it including a custom class. Then use the shortcode to implement it:
for example: [vc_btn title="MY BUTTON" color="default" link="url:https%3A%2F%2Fgoogle.ro||target:%20_blank" el_class="mycustombutton"]
Then you can use css like so to asign custom colors to it:
.mycustombutton a{
color:red!important;
background-color:yellow!important;
}

Thank you!

Hello alicestudio,

Unfortunately, our theme does not have such an option for achieving as you want but you can do that only with the code. Please notice that is not a simple task and is require some knowledge for PHP/HTML/CSS. If you want to change this, you have to alter the files corresponding to the template used by you. For example, if you are using the header style 1 on your side and you want to change it, you have to do some additional customizations in header-style-1.php core file, like this -> http://screencast.com/t/2LrkPUdrx Here you can add some div’s with classes as you want to display in frontend and then you should control it with some CSS code. Please notice that is not a simple task and require custom work. If you are not aware the steps in this regard and if you want to display more levels in our theme, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!

Thank you for your understanding!

Hello,
If you disable the post views they will be removed completely that is whay they do not show up in the back-end anymore. If you only want to hide them from the front-end, you can use this custom css to do it:
.td-post-views{
display:none!important;
}
You can add this code in the theme panel->custom css box
Thank you!

Hello dizajn,

Yes, it is possible to do that with CSS code but for achieving that I will need first of all to your website URL and some useful screenshots so I can understand what you want to hide. I need these details so I will be able to provide a more accurate response.

Thank you for your message!

Hello,
You can make all of the post header text to justify using css:
.td-post-title{
text-align:justify!important;
}

But this will not work properly for the author name and date and other parts that have separate containers. It’s not how it works unfortunately. There are separate containers to some of the elements and even if you apply the justified property to the text, it will still have nowhere to go due to the container as you can see here on the author name. That is a separate container on itself: http://screencast.com/t/wEUBXww38E5
Thank you!

Hello,

I’m not sure I understand properly.
You can add the css code from ‘answer 1)’ in the theme panel->custom css box: http://screencast.com/t/d4829UlYoFe
As for the menu, you can set the colors, but the hover effect is different on the 2 header styles. You can use a css trick to make them similar:
.td-header-style-1 .sf-menu > li > a:after{
height: 48px!important;
z-index:-1!important;
}
You can also add this code in the custom css box below the other code.
Then you only need to make it boxed. This can be done by adding any type of background color or image. White counts too: http://screencast.com/t/CV2KxS1VMw
result: http://screencast.com/t/nzOj0Alyr65

Thanks.

Hi,
You can use this method to add your font(you can add the code in the theme panel->custom css) but the problem with your code is the path for the file. You need to have an absolute url to the file in order for the custom font to be loaded by the theme. As an example, on my localhost, the absolute url will be this one:
http://localhost/wordpress/wp-content/themes/Newspaper/images/icons/mycustomfont.woff2
You need to identify the exact path to your file and you can test if the path is correct when you use it in your browser. If the path is correct, then the browser should download the file: http://screencast.com/t/mOkkyg7Cx3X, ifg the URL is incorrect, the browser will return a 404 error.
I hope this hleps
Thanks.

Hello,

1) This code works on our end with the default logo:

@media (min-width:1141px){
.td-header-sp-logo img{
left:-95px!important;
}
}
@media (min-width:1018px) and (max-width:1141px){
.td-header-sp-logo img{
left:-28px!important;
}
}
@media (max-width:1018px){
.td-header-sp-logo img{
left:-105px!important;
}
}

You can change these values to your preference.

2)Unfortunately this header was designed to work with adsense. You will need to remove the container for the ad spot from the theme files first if you want to increase the size of the logo: http://screencast.com/t/BUYmlAB9I6v
Then you can use css to adjust it, but the best way to have a larger logo is to use a header style that uses the full logo . In this case the theme will display the full size of your logo.
You can checik header styles here: https://forum.tagdiv.com/header-styles/

Thank you!