Search Results for 'css'

Hello rcallejonvillalobos,

If you want to show the date in the top menu only for PC desktop, please try the code below and add it in Theme panel->Advanced CSS area like this -> http://screencast.com/t/Lm9wC46u0HT

The code is ->

.td_data_time {
display:none;
}

Thank you for the message!

Hello,

Unfortunately this could be a number of things. You will need to follow a few ssl guides and make sure you did all the steps correctly:

http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/

You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/
It will require a bit of reading on your part. I hope this helps.

Thank you!

Hello,

1) The line is there only it’s not visible due to your footer color. You can change the line color with css:
.td-footer-bottom-full .td-container:before{
background-color: rgba(0, 0, 0, 0.21)!important;
}

2)You can use this css to align it closer to the text without affecting anything else:
.footer-logo-wrap{
display:table;
margin-left: auto;
margin-right: auto;
}

3)You can use this code to do it:
.td-social-icon-wrap i.td-icon-facebook:hover, .td-social-icon-wrap i.td-icon-instagram:hover{
color:yellow!important;
}

Thank you!

Hello,

This can be achieved in 2 ways. The first one is choosing a different grid style. Take a look at our demo and switch between grid styles here: http://demo.tagdiv.com/newspaper/big-grid-1/ Style 4 is the brightest one. This style can be selected in visual composer: http://screencast.com/t/wF53pOxdCQb
If you do not wish to change the style and you use style 1 (i assume) then you can use css to remove the gradient:
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before{
display:none!important
}

Thank you!

Hello gauravkohli,

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

#td-top-search {
position: relative;
right: -80px;
margin-top: -42px;
}

The result -> http://screencast.com/t/2vHOr1x0CL

Hope this helps!

Thanks.

Hello

If you want to change your slider pagination with a bigger one and change the colors, please try the code below and add it in Theme panel->Custom CSS

The code is ->

.iosSlider-col-3 .td-icon-left, .iosSlider-col-3 .td-icon-right {
font-size: 100px!important;
color: green!important;
}

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

If is not what you mean and if you want to have just like into your example, please try to find some plugins with this functionality and see how it works for you. Please notice that is not a simple task and this implies custom work. If you are not aware with the steps in this regard, please consider hiring a freelancer/developer to implement this custom pagination for your slider because we cannot provide custom services at the moment, sorry!

Hope this helps!

Thank you for the message!

Hello BretonGroup,

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

The code is ->

.menu-item-517 .sub-menu {
width: 300px !important;
}

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

If is not what you mean, please provide more details about your desired changes so I will be albe to provide a more accurate response.

Hope this helps!

Thank you for the message!

Hello,

You could add a custom css class to the row in visual composer: http://screencast.com/t/PEo4GXo5
And then use this class with css and apply some changes to it. You can add a max-height if you want like for example:
.customrow{
max-height:800px
}
I’m not sure how the content underneath it will display, but you can use different selectors and attributes in css to position them.
You can use the .home class if just the homepage is affected by this rotating containers so you will not accidentally affect the rest of your site with the custom css.

I hope this helps.
Thank you!

Hello,
This can be done with css. Every menu item has a specific class that can be targeted. You can use this code to increase the font a bit:

.menu-item-2144 a, .menu-item-2145 a{
font-size:16px!important
}

result: http://screencast.com/t/k7SD68oMb
Thank you!

Hello cookingpanda,

Unfortunately, if you want to move your post pagination, please notice that it is not a simple task and implies more additional customizations and require custom work. If you want to display more levels in our theme and if you are not aware the steps in this regard, please consider hiring a freelancer/developer to implement this for you because we cannot provide custom services at the moment, sorry!
Below, I gave you an example if you want to change the arrow design. It is necessary to use a bit of CSS to implement this on your theme. Please check the code below and try to implement this to your side and you should do in the same way for the previous arrow if you need this.

.page-nav a:last-child {
background-image: url('https://cdn0.iconfinder.com/data/icons/arrows-volume-4/48/246-128.png');
background-size: 33px 30px;
background-repeat: no-repeat;
}
.td-icon-menu-right:before {
content: '';
}

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

Hope this helps!

Thank you for the message and for your understanding!

Hello Harrison,

I have checked the both websites and I have noticed that is used header style 10. This kind of template uses the full logo for displaying and there is no restriction for your logo size. For a better result, you should have a high dimension for your image logo. If you want to increase the size of this you have to do it using a bit of CSS. If you want to have the same dimension to your logo as in the other site, you have to use the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-logo {
width: 472px;
height: 86px;
}

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

If you want to have a good design for your logo, you should load an high logo image with these dimensions by default, without using CSS code to increase the size of them.

If you want to do some HTML changes for this template, you have to do them in heaser-style-10.php file, like this -> http://screencast.com/t/lio9I7aoFS

If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you for the message!

Hi,

If you want to change the links color on the homepage, you can use this css:

.home h1>a, .home h2>a, .home h3>a, .home h4>a, .home h5>a, .home h6>a {
color: #378EDF;
}

Thank you!

Hello,

Here is a tutorial on how to create a new thumbnail in our theme:

1) Access td_config.php and add the new thumbnail code like so: http://screencast.com/t/06jMvMcJjKl
In this case we are adding this thumbnail:
td_api_thumb::add('td_280x173',
array(
'name' => 'td_280x173',
'width' => 280,
'height' => 173,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'normal',
'used_on' => array(
'Module 10'
)
)
);

2) After you added the code for the thumbanil and renamed it to match the sizes you want, you will need to access the module you want the thumbnail to be used in: http://screencast.com/t/UaYgy9aX

3) If everything went right, you should now have a new thumbnail in the theme panel which you need to activate: http://screencast.com/t/tfpPcacE

4) Now you need to regenerate your thumbnails: http://screencast.com/t/KvlRwhBY7

5) Now your new thumbnail will display in the module you set it to: http://screencast.com/t/WOP0f7yp
In most cases it will need a few css ajustments in order for it to display properly.
For this particular example you can use this code:
.td_module_10 .item-details{
margin-left:295px!important;
}

Final result: http://screencast.com/t/4gF43GDos

WARNING: A module will be used in different places, not just one block so when you modify a thumbnail you need to be careful where the module is used. Please refer to this section to see where a module is used to know what blocks will be affected by the modification: http://screencast.com/t/SAcFVXNDL7

Thank you!