Search Results for 'css'

Hallo Alin,
do not mind. Therefore the correct link you sent did not solve the problem.
I solved it using this modified css

.td-visible-tablet-manchette {
display: none;
/* responsive portrait tablet */
}

@media (min-width: 768px) {
.td-visible-tablet-manchette {
display: block;
}
}

thank you.
Regards.

Hi,

This may be what your looking for..
CSS tweak is needed to .td-header-style-10 #td-header-menu

Remove: /* margin-left: auto; margin-right: auto; */

Change: display: block;

Hi

1. You can use header style 10 and remove the margins around the logo with custom css:

.td-header-style-10 .td-header-text-logo{
margin:0;
}
The result should be like here: http://screencast.com/t/KwPqcFjUGGvl

2. The size of social icons from top menu and footer can be changed using custom css: http://screencast.com/t/Qjtloicy3L

.td-social-icon-wrap i{
font-size: 18px;
width: 30px;
height: 30px
}

You can modify this values as you like.

3. To add the line between post

-in block 12 use this custom css: http://screencast.com/t/RgwLycBvzygI

.td-block-span12{
border-bottom: 1px solid black;
margin-bottom: 35px;
}

-in module 8: http://screencast.com/t/h5AM7N0Qp

.td_module_8 .item-details{
border-bottom: 1px solid black;
}

-in module 11: http://screencast.com/t/6UTSJvxMQAeT

.td_module_11{
border-bottom: 1px solid black;
margin-bottom: 35px;
}

4. We didn’t tested any plugin for that request so I can’t recommend one, this is the theme’s mega menu https://forum.tagdiv.com/menus-newsmag/ which you can use, but if you need another appearance for it you can look for a plugin.

5 For the big grid title you can use this css: http://screencast.com/t/ltBUOngPS8at

.td-big-grid-post .entry-title a{
background-color: red;
display: inline-block;
opacity: 0.8;
}

You can change the color and opacity as you like.

Thanks!

Hi

The logo div it’s located in header style file, for example for header style 3 the file it’s header-style-3.php as you can see here: http://screencast.com/t/0hgHc5VQ The logo class is td-header-sp-logo and you can apply some css and center how you want, depending by the header style used. Here are some good information about css positioning: http://www.w3schools.com/css/css_positioning.asp
If you can’t manage to do it let us know and provide a link of your site.

Thanks!

Hi

The theme doesn’t have an option to display different font size on mobile devices but you can use media queries to do that like in this example.

/* the query for mobile devices */ @media (max-width: 767px){
/* classes for the selected element */ .td-post-template-default header .entry-title{
/* css rule */ font-size: 28px;
}
}

Notice that this example it’s for the post title from post template default. For other elements and post templates classes will be different and you need to inspect the element (hover over, right click >
Inspect element) and target that specific classes that the changes take effect.

Thanks!

Hi

You can hide the comment block title using custom css in Theme Panel > Custom Css like here: http://screencast.com/t/9IH1dq9GiCW

.td-comments-title-wrap{
display: none;
}
.comments .comment-reply-title{
display:none!important;
}

If you only want to translate this titles you have this option in theme panel> translations http://screencast.com/t/H2yxjPyYk

Thanks!

Hi

You can hide the pagination using custom css in theme panel > custom css: http://screencast.com/t/jXEfSE2cPQ

.td_block_related_posts .td-next-prev-wrap{
display: none !important;
}

and you can set the number off related article from theme panel like here: http://screencast.com/t/tXCOYim0

Thanks!

• This reply was modified 11 years by Andrei L..

Thanks. It works.

Here is the Custom CSS Code for others to use:

.white-menu #td-header-menu .td-normal-menu .sub-menu {
-webkit-box-shadow: -6px 10px 6px -6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -6px 10px 6px -6px rgba(0, 0, 0, 0.4);
box-shadow: -6px 10px 6px -6px rgba(0, 0, 0, 0.4);
background-color:#F2F2F2;
}

.td-header-sp-top-menu .top-header-menu .sub-menu {
-webkit-box-shadow: -6px 10px 6px -6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -6px 10px 6px -6px rgba(0, 0, 0, 0.4);
box-shadow: -6px 10px 6px -6px rgba(0, 0, 0, 0.4);
background-color:#F2F2F2;
}

Hi

To change the color of background title add the css style inline like here: http://screencast.com/t/pIMrRhTg

<h4 class="block-title" style= "border-color:blue;">
<span style= "background-color:blue;">
MOST POPULAR
</span> 

Here is the result: http://screencast.com/t/pIMrRhTg

Thanks!

• This reply was modified 11 years by Andrei L..

Alin, Thanks for the quick response. A -60px seemed to work for me, I’ll have to experiment with different size images to make sure it’s consistant.

One problem I ran into was on Mobile. When in portrait mode, the caption still covers the image, when in landscape it looks similar to desktop viewing.

Is there css specifically for portrait mobile?

Thanks in advance.