Search Results for 'css'

Hi

I am not sure what grid you’re using but you can try this css for big grid 1:

.td_block_big_grid .entry-thumb {
transform: none!important;
-webkit-transform: none!important;
-moz-transform: none!important;
}

If you’re using a different grid try to adjust this class like in this example:
-for big grid 3 the class is .td_block_big_grid_3

Let me know how it goes and if you still need assistance please provide more details.
Thanks!

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

Hi

1. @NM-user the theme blocks have fixed sizes and adding a new margin will create layout problem. Evan some default elements from VC have this margin and the best way is to add the margin manually for those which don’t have it set by default. So the margin will apply only for the specific element and won’t create layout issues. You can find the design options following this link: http://screencast.com/t/1LxD5ZQl

2. To make the titles of tabs bold try this css in theme apnel > custom css: http://screencast.com/t/Cbw363rC9P
-this is for the current tabs
.vc_tta-title-text{
font-weight: bold;;
}

this css is for deprecated tabs:
.wpb_tabs li a{
font-weight: bold;
}

3. We will release an update which will include the latest version of VC soon. At the moment we test the current plugin’s version with the theme so we make sure that works fine.

4. If you use some elements like Tabs, you will have to re-add them to your page as the VC developers have changed the classes, the design for them – http://screencast.com/t/3r1YoBw7

Thanks!

Hi

Replace the above css with this one: http://screencast.com/t/wnFwycpV

.td-grid-group-1 .td-module-thumb, .td-grid-group-2 .td-module-thumb{
margin: 0 1px 0 0;
}
.td-grid-style-5 .td-big-grid-scroll .td-big-grid-post{
padding-top: 1px;
}
.td-grid-group-1 div:last-child{
margin-top: 1px
}
.td-grid-group-2 div:first-child, .td-grid-group-3 div:first-child {
padding-top: 0!important;
}
.td_block_big_grid_7 .td-module-thumb a:last-child:before{
opacity: 0.3 !important;
}

Thanks!

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

Hi, i mean i can make that custom css by myself so you dont waste time, i was thinking you or some users maybe have some predefined css code.

http://notranjskoprimorske.si/

Thanks

Or

function css_mover() {
if ($this->td_theme_name == 'Newspaper') {
// wp 011 - Newspaper 6

//$this->move_style_to_footer_queue('bbp-default-bbpress'); //bpress old
//$this->move_style_to_footer_queue('bbp-default'); //bpress
$this->move_style_to_footer_queue('contact-form-7');
$this->move_style_to_footer_queue('font-awesome-four');
$this->move_style_to_footer_queue('td-plugin-framework');
$this->move_style_to_footer_queue('bb-taps-editor-style-shared');
$this->move_style_to_footer_queue('boxes');
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');
$this->move_style_to_footer_queue('js_composer_front');
$this->move_style_to_footer_queue('td-theme');

I tried them both. But nothing can be changed

I understood the Custom CSS section. Ok

function css_mover() {
if ($this->td_theme_name == 'Newspaper') {
// wp 011 - Newspaper 6

//$this->move_style_to_footer_queue('bbp-default-bbpress'); //bpress old
//$this->move_style_to_footer_queue('bbp-default'); //bpress
$this->move_style_to_footer_queue('contact-form-7-css');
$this->move_style_to_footer_queue('font-awesome-four-css');
$this->move_style_to_footer_queue('td-plugin-framework-css');
$this->move_style_to_footer_queue('bb-taps-editor-style-shared-css');
$this->move_style_to_footer_queue('boxes-css');
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');
$this->move_style_to_footer_queue('js_composer_front-css');
$this->move_style_to_footer_queue('td-theme-css');

But I do not understand any of the others. I think I’ll give up 🙁 peff…

Hi

Try this css in theme panel > custom css: http://screencast.com/t/WIlobisQXp

@media(min-width: 768px){
#td-header-menu .sf-menu > li > a, .sf-menu ul .td-menu-item > a{
font-size: 8px;
font-weight: normal;
}
}
.td-header-main-menu{
height: 30px;
top: 15px;
}
.td-main-menu-logo, .sf-menu{
position: relative;
top: -5px;
}

You can modify the values as you like.
Thanks for the suggestion, I’ve added it on our list and we will consider it for next theme updates but we must choose carefully what features will implement as we have over 250 requests on our list, and the user always must get what is best from us.

Thanks!

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

Also we have an issue with this http://screencast.com/t/XdTKtg0oBMu

http://www.jglobe.org/ look how the site is pulling the mobile menu above – I cant get rid of it even with css is this a plugin issue

We are also having an issue with dropdowns dissapearing in mobile menu….
http://screencast.com/t/aT1iB1DCbk9C

http://screencast.com/t/VEPdm5rOqBm

Thank you for your answer but it’s still not what i want.
See the link bellow:
http://www.screencast.com/t/bHVjFH6ZVc

In my screenshot you will see some white lines, and only between the pictures, NOT on the external margins.

When i put the css you gave 3 things happen:
1) the space is on each side of the pictures
2) because the space it’s on each side you will have double space between pictures. 1px + 1px
3) The spacing doesn’t apply to the black transparent layer on top of the picture. So it results a space between pictures that is grey not white.

Another questions:
How do i change the color of that black transparency. let’s say i want it to be like the dark blue from my website.

thank you

Hi

Try this css: http://screencast.com/t/6bZ2oh9B5w This css code will affect only the big grid 7:

.td_block_big_grid_7 .td-module-thumb{
margin: 1px;
}
.td_block_big_grid_7 .td-small-thumb .entry-title{
font-size: 25px!important;
}

Thanks!

Hi,
Sorry the code is not reacting.

I already have custom CSS on these two elements (this for desktop)

.td-header-menu-wrap{
background-color: #23282d;
width: 100%;
height: 22px;
font-family: ‘Arial’, sans-serif;
font-size: 11px;
color: #ffffff;
}
.span9{
background-color: #23282d;
height: 22px;
font-size: 11px;
width: 100%;
margin-top: -.2em;
}

May I did something wrong ?

Hi

You can hide more article box for mobile devices using this custom css in theme panel > custom css: http://screencast.com/t/cO9GiCcQ4nT0

@media (max-width: 767px){
.td-more-articles-box {
display: none;
}
}

Thanks!