Search Results for 'css'

Hi,

Unfortunately the theme doesn’t have a feature like that.
You can try though to add a widgetised sidebar element using VC page builder, select your sidebar and add a custom class to it, like this: http://screencast.com/t/8cM5cB14mG and then use this css to make it sticky: http://screencast.com/t/lByPP44eDGlK

.sticky_sidebar {
position: fixed;
}

You can also try to find a plugin which dose that.
Hope this helps!

Thanks

Hi,

This issue comes from the .alignleft css class which targets the images which have that class assigned and at 500px maximum width screens sets the width and also the maximum width to 100%
The best solution would be to overwrite that and having a new class added just to the numbers images but I can see an easy way to do that so a solution for this and you will need custom work for this.
The best solution would be to remove the css set for the align right and left images at 500px width from the style.css file, like this: http://screencast.com/t/STTFMQlM
Another solution would be to align to the left only the number images an for the other post images use align right option or center or none as the .alignleft class is added just to the images set to align to the left and use the css I gave in the previous post which will affect only the images aligned to the left which means only the numbers images.
Hope this helps!

Thanks

Hi,

Sorry about that, please remove the css I have gave you above and use just this: http://screencast.com/t/T4QYotDDwOl
Should solve this issue, please let me know if it doesn’t and send me an example so I can inspect it.
Use it like this:

.single_template_5 .td-post-content header {
margin-bottom: 10px;
}

Thanks

Hi,

I’m not sure how you can easily get the shortcodes out from the description as the content of your events is represented by those shortcodes used to build the event page, so my guess is that you would need something like a regular expression and a filter to strip all the shortcodes from the excerpt leaving the content, but in your case I can’t see any content so I think the best way would be not to use a description at all and find a way to remove it, removing the shotcodes also.
You can search trough plugin’s settings for an option to not show the description or you could use css to hide the description or you can also edit the plugins files and remove the description code.
You can use css to hide it like this: http://screencast.com/t/l9229anbb

.tribe-events-list-event-description {
display: none;
}

Hope this helps!

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Please use this custom css and add it in theme panel > custom css field: http://screencast.com/t/3mJaEhiTWsra

@media (max-width: 767px){
#td-top-search {
top: 2px;
}

#td-top-mobile-toggle {
display: block;
}
}

Thanks

Hi,

Use:

body {
background-color: red !important;
}

..in theme panel > custom css.

Thanks

Hi,

You can do something like this using css: http://screencast.com/t/Qv2OPSPI8
Unfortunately you need custom work to achieve something similar with the block headings which have a different html structure.

Here is the css I have used in the screenshot:

.wpb_tabs .wpb_tabs_heading {
border-bottom: 2px solid #000000;
margin: 0px 0px 26px 0px;
font-family: Roboto;
font-size: 15px;
line-height: 15px;
font-weight: bold;
padding-bottom: 4px;
padding-left: 10px;
}

Hope this helps!

Thanks

Hi,

Please use the css like this: http://screencast.com/t/6tMtVC0xSi

@media (max-width: 500px) {
.post .td-post-text-content .alignleft {
float: left !important;
margin-right: 23px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: 50px !important;
width: auto !important;
}
}

While checking your site also noticed that your background image isn’t showing: http://screencast.com/t/zbNiN33JH7Zz and noticed that this happens only on pages, on post pages looks fine. If you want you can use this css to add the background on other pages also: http://screencast.com/t/37IlLC7JR

.page {
background-color: #ffffff;
background-image: url('http://www.vitalstrengthblog.com.au/webdev/wp-content/uploads/2014/10/Ripped-Background-Hi-Res-C2.jpg');
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
}

Thanks

Hi,

You can use the code for the module 8 file that I gave you and use css to hide the others categories, leaving just the first, like this:
ex: http://screencast.com/t/MZ6RVToy
result: http://screencast.com/t/q53qS8jpvB

Use this css:

.td_mod8 .meta-info .td-category li:nth-child(2) a, .td_mod8 .meta-info .td-category li:nth-child(3) a, .td_mod8 .meta-info .td-category li:nth-child(4) a, .td_mod8 .meta-info .td-category li:nth-child(5) a, .td_mod8 .meta-info .td-category li:nth-child(6) a, .td_mod8 .meta-info .td-category li:nth-child(7) a {
display: none;
}

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Yes, you can target and style tabs via css, here is an example: http://screencast.com/t/esZ2MfwEc

.wpb_tabs .ui-tabs-nav .ui-tabs-active a {
color: white;
background-color: red !important;
}

.ui-tabs-nav {
border-bottom: 2px solid red !important;
}

.wpb_tabs .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-active a {
color: blue;
}

Change the colors as you like.

Thanks

hi,

I have tested your css and as you can see in the screenshot it apply’s on post pages as well: http://screencast.com/t/sSYwYx7G0sW
I’m not usre why this does not apply in your case, please send your site’s URL and also add this code into the custom css filed so I can inspect it. Also try to add !important to your css code like this: http://screencast.com/t/2ZXuqKTjPxq

Thanks

Hi,

Thanks Christopher!

@xochipelli
I’m not sure why this is happening, many can cause this, you should consider using the css snippet below to target just chrome and apply the style you want:

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*Chrome CSS here*/
}

Hope this helps!

Thanks

Hi,

You can add a new menu-item like this: http://screencast.com/t/GIEyslQY4Bv and move it to the right using positioning via css, like this: http://screencast.com/t/vywJwLP8aGD
Note that this is just an example, use this method in your case.
You could also add the button like this in the menu-header.php file:
If you don’t have basic php/html/css knowledge we recommend you to hire a freelancer to do this for you because this is custom work and we cannot provide custom work at this time as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Hope this helps!

Thanks

Hi,

If you refer to this: http://screencast.com/t/tTRTiP2Sy You can hide the image via custom css or you can use block 4 widget from WordPress dashboard > appearance > widgets: http://screencast.com/t/M1VOgltM

Thanks

Hi,

You can follow this example and search for the excerpt function like pointed: https://forum.tagdiv.com/topic/tag-more/#post-22383
Note that you will need more changes for this to work if you don’t have basic php/html/css knowledge we recommend you to hire a developer or a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself as we cannot offer custom work as we work hard on the development, updates, fixes and support.

Thanks

Hi,

Please use this css: http://screencast.com/t/JL7Z0xl8q

.home .span8 .td_block6 .td_mod9 .entry-title a {
font-family: Tahoma, Verdana, Geneva, sans-serif !important;
}

Thanks