Search Results for 'css'

Hi,

You don’t need custom css to do that.
That it’s padding: http://screencast.com/t/BvMAP9dcn and it’s achieved using this feature from post editing panel, like this: http://screencast.com/t/iKEewQLsZVwj

Thanks

Hi,

Try this custom css, also please remove this part .blog-stack .sf-menu .current-menu-item a from the css I gave you above. As I could not overwrite that part, which is the one that targets the current drop down menu item, it would be better you remove it from the previous custom css and add this one only for the current drop down menu items.

.blog-stack .sf-menu .current-menu-item a {
color: #ffffff !important;
background-color: inherit !important;
}

Hope this helps!
Thanks

Hi,

Add .page class, should fix it, remove the previous code from custom css filed or simply add the class like this:

.page .td_mod_wrap .entry-title a {
font-family: Merriweather !important;
font-size: 22px !important;
line-height: 28px !important;
color: #000000 !important;
}

Sorry about this!
Thanks

Hi,

That space is the title of the post, as you can see the post title is white and when displayed on mobile the post title slides under the image and because it’s white it gives the impression that a large gap is there http://screencast.com/t/4MMjlso9wG

You can fix this by changing the post title color, use this custom css for this:

@media (max-width: 767px){
.single_template_3 .td-post-header-full header .entry-title {
font-size: 28px;
line-height: 32px;
margin: 0px 0px 14px 0px;
color: inherit;
}
}

Thanks

Hi,

You can use this css, add it in theme panel > custom css:

@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
  width: 70px !important;
  font-size: 12px !important;
  text-align: initial !important;
}
}

Hope this helps!
Thanks

Hi,

Like @TheMediumUTM wrote the font is dictated from body tag if it’s not overwritten. You cloud target a specific page and change it’s content font(size, family..), send your site’s URL or from the page you want to change the font and I will provide you the custom css that you can use to change the font only on that page.

Thanks

Hi,

Add the css like this:

.td_mod_wrap .entry-title a {
font-family: Merriweather !important;
font-size: 22px !important;
line-height: 28px !important;
color: #000000 !important;
}

Should work, like this: http://screencast.com/t/8eQZdDwc2
Just change the font-family/font-size/line-height/color as you like.

Thanks

Hi,

Please add this custom css in theme panel > custom css:

.postid-33 .td-g-rec-id-content_inlineright {
display: none;
}

This will work only for the post page that you provided http://parisjourney.com/about-me
About the other 2 pages I haven’t seen any inline ads there.
You can do the same with other pages.
Hope this helps!

Thanks

• This reply was modified 12 years by Lucian.

Hi,

I have checked your site and seems like the big slider post title look fine, have you managed to solve this?
This is the normal look of the title on big slider large image: http://screencast.com/t/iXHuXXfKA0Dr
You can change this from td_module_slide_big.php file like this: http://screencast.com/t/tdeImp5vTLJ
If you change that two values you will get this result: http://screencast.com/t/0g5Mdwj0jPrz

Here is the option for changing the big/small images title from big slider http://screencast.com/t/QbxAUrx5C
I have noticed that you have 3.8 theme version and i’m not sure but i don’t think you have these feature in that version so you should update the theme if you want to have this.

For the small images you can change the font-size and line height using this custom css, add it in theme panel > custom css:

@media (max-width: 1020px) and  (min-width: 768px){
.iosSlider  .td-big-grid-post .td-big-grid-title a {
font-size: 10px!important;
line-height: 10px!important;
}
}

Adjust the size as you like by changing the pixel value.

Hope this helps!
Thanks

• This reply was modified 12 years by Lucian.

Hi,

(1) Use this custom css, add in theme panel > custom css:

#rev_slider_1_1, #rev_slider_1_1_wrapper  {
max-width: 100% !important;
}

.vc_custom_1407888735315 {
float: left;
}

@media (max-width: 767px){
div.vc_custom_1407609364791 {
background-color: white !important;
border-color: white !important;
}
}

(3) Like I said we will look into this and try to fix it in the next theme updates.
(4) Try this css, I have tested it and should work fine for you too, no extra spacing added, just moved the menu to center: http://screencast.com/t/fQsFTy292CPO

.td-menu-wrap #td-top-menu {
margin-left: auto;
margin-right: auto;
display: table;
padding-left: 0px;
}

Thanks for the message!

Hi,

Please use this custom css in Theme Panel > Custom CSS field:

.td-tags-and-social-wrapper-box {
text-align: center;
}

Should get this result: http://screencast.com/t/fWu3zmJxyx

Thanks

Hi,

You could try to set width via css using this custom css:

.sf-menu li a {
width: 100px;
text-align: center;
}

Should look something like this: http://screencast.com/t/bY9bQnTa
Hope this helps!

Thanks

Hi,

What version of Visual Composer are you using? I have checked your site and seems like you have some padding and also an box-sizing that prevents the big slider images from aligning like it should http://screencast.com/t/9qUlUqLVZi0C

You can use the custom css at the end in theme panel > custom css filed to fix this but it would be better if you figured out where this comes from and fix it from there otherwise you would encounter other issues.

My guess is that you are using a newer version of Visual Composer, if that’s so please revert back to the VC version that was provided with theme files, as we did not made any tests with the newer version of VC we can guarantee it will work.

.vc_col-sm-12 {
padding-left: 0px;
padding-right: 0px;
box-sizing: content-box;
}

Thanks

Hi,

Sorry for the delay, have you managed to fix the space above the big slider issue? I have checked your site and seems fine to me. The only space you have there now comes from the container block that wraps the page content and you can remove it or reduce it using this custom css in Theme Panel > Custom CSS filed, like this: http://screencast.com/t/NxpJv7s97q

.td-grid-wrap {
padding-top: 10px;
} 

I have set here the space above the big slider to be at 10px but you can change this value as you like.
Hope this helps!

Thanks

• This reply was modified 12 years by Lucian.