Search Results for 'css'

Results from the Forum
axonic
Participant
#0

Hi,

There’s different colour for big and small slides on slider when hover.
Please have a look:

1. When hover on big slide on slider, the font is no change, still white color

2. when hover on small slide on slider, the font changed to blue color

May I know how to change the font color using Custom CSS when hover on 1 & 2?
Thanks.

Lucian
tagDiv Staff

Hi,

1. Use this custom css for block title links: http://screencast.com/t/brUkUktp
2. The custom css from above will also change the sidebar’s widgets title.
3. Not sure what issues you have with this footer title, if it’s the same issue note that the css from above also changes this title: http://screencast.com/t/u6T1kCl134h
Just add this css to theme panel > custom css:

.entry-title > a:hover {
color: #00BCB0 !important;
}

Thanks

Lucian
tagDiv Staff

Hi,

You can use this custom css: http://screencast.com/t/ZpbWm5hhXjz
Change the color as you like:

.td-big-grid-title .td-sbig-title-wrap, .td-sbig-title-wrap .td-sbig-title {
background-color: rgba(239, 77, 122, 0.7) !important;
}

Make sure you use a rgba color and keep 0.7 value if you want to have the background slightly transparent.

Thanks

Lucian
tagDiv Staff

Hi,

1. This is the menu: http://screencast.com/t/WhP5E5Ny an you can set a background color for it from theme panel > theme colors, like this: http://screencast.com/t/ATvlTvxVB
2. That happens because of the height of the logo which needs to be at 80px maximum height. You can fix this via css and use the css from below in theme panel > custom css filed: http://screencast.com/t/JNxk7GFpql

Use this css to fix the third problem:

@media (min-width: 1200px) { .td-header-style-8.td-affix .td-style-8-logo-wrapper .td-logo {
max-height: 80px !important;
}
.td-header-style-8 .td-style-8-logo-wrapper .td-logo {
max-height: 80px !important;
}
.td-header-style-8 {
height: 76px !important;
}
}

/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
.td-header-style-8.td-affix .td-style-8-logo-wrapper .td-logo {
max-height: 50px !important;
}
.td-header-style-8 .td-style-8-logo-wrapper .td-logo {
max-height: 80px !important;
}
}

/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.td-header-style-8 .td-style-8-logo-wrapper a img {
max-width: 140px !important;
}
.td-header-style-8 .td-style-8-content-wrapper .td-head-style8-logo-desktop {
display: block !important;
}
}

/* responsive phone */
@media (max-width: 767px) {
.td-header-style-8 .td-style-8-content-wrapper .td-head-style8-logo-desktop {
display: block !important;
}

.td-header-style-8 .td-menu-wrap {
height: 48px !important;
}
}

Thanks

acko_fon
tagDiv Member

Hi,

This code you give me is not working for me. You can see here> http://delcevodenes.mk/

Its not changeing post excerpt color.

Can you tell me css code for not showing post excerpt on home page, on this two blocks. I tried with this one, only put display:none, but its not working.

Best regards

Lucian
tagDiv Staff

Hi,

You have to customize it to look good for you. Make sure you go trough all it’s settings and adjust it to look good. You can also add and use a custom css class if you need it to style it some more, like I did here: http://screencast.com/t/auY537xS8
Unfortunately in the last version of Visual Composer we also lost some of the classes as they have changed and some Visual Composer elements lost their css, we have this on our todo list and we are working on it unfortunately we still have incompatibility issues regarding VC style.

Thanks for understanding!

Lucian
tagDiv Staff

Hi,

You can use custom css to target only the homepage and change the excerpt only for block 1 and 2, like this: http://screencast.com/t/59Z8fzwIGrC

.home .td_block2 .td-post-text-excerpt, .home .td_block1 .td-post-text-excerpt {
color: red;
}

Thanks

axonic
Participant
#0

Hi,

How can I change the slider title background using Custom CSS?

Thanks.

axonic
Participant
#0

Hi,

my website is http://www.deepciel.com

After I’ve upgraded my wp theme from v3.6 to latest v4.5.
Hoover link colour missing on the:

1. Home module’s Article Title
http://www.deepciel.com/wp-content/uploads/2014/11/1-home-module-link-hoover-before.jpg
http://www.deepciel.com/wp-content/uploads/2014/11/1-home-module-link-hoover-before-after.jpg

2. Sidebar New Article Widget
http://www.deepciel.com/wp-content/uploads/2014/11/2-sidebar-widget-hoover-before.jpg
http://www.deepciel.com/wp-content/uploads/2014/11/2-sidebar-widget-hoover-after.jpg

3. Footer 2 Hot Topic
http://www.deepciel.com/wp-content/uploads/2014/11/3-footer2-link-hoover-after.jpg

The Custom CSS that you’ve sent me before is below:
.td_popular_categories {
font-family: microsoft yahei, “ćŸźèœŻé›…é»‘”, “Hiragino Sans GB”, Helvetica, Tahoma, ArialVerdana, Geneva, sans-serif;
}

.textwidget, .widget_recent_comments .recentcomments {
font-family: microsoft yahei, “ćŸźèœŻé›…é»‘”, “Hiragino Sans GB”, Helvetica, Tahoma, ArialVerdana, Geneva, sans-serif;
}

.prev-post div,
.next-post div,
.author-box-wrap .td-author-name a,
.desc span,
.comment-respond input,
.comment-respond textarea,
.td-sub-footer-copy,
#menu-footer a {
font-family: microsoft yahei, “ćŸźèœŻé›…é»‘”, “Hiragino Sans GB”, Helvetica, Tahoma, ArialVerdana, Geneva, sans-serif;
}

.prev-post a, .next-post a {
microsoft yahei, “ćŸźèœŻé›…é»‘”, “Hiragino Sans GB”, Helvetica, Tahoma, ArialVerdana, Geneva, sans-serif;
font-size: 16px !important;
}

.entry-title > a:hover {
color: #00BCB0;
}

.td-sub-footer-menu li a {
font-family: microsoft yahei, “ćŸźèœŻé›…é»‘”, “Hiragino Sans GB”, Helvetica, Tahoma, ArialVerdana, Geneva, sans-serif;
}

Is there any changes that I have to make on the Custom CSS?
Thanks.

NadiaP7406
Participant
#0

Hello good people at Newspaper,

I am very happy with the theme.
But for some reason the Custom CSS in the Theme Panel is not working.
When I add something, it doesn’t apply on the site.

I hope to hear from you.

Greets,
Nadia

paulberrow
tagDiv Member

Yes, but this is for the whole footer.
The footer consists from 3 blocks and i need to customize these blocks, to change their width in order to make them to fill all the width of footer.
These blocks in my html are <div class=””span4 wpb_column column_container custom>.
CSS for their width is
.row-fluid .span4 {
margin-left: 4.47761%;
width: 24.3483%;
}
But if i change the width, it changes the width of my sidebar. So i need to change only width of these blocks in footer. I added custom class to these conteiners <div class=””span4 wpb_column column_container custom>, but nothing is changing…

Lucian
tagDiv Staff

Hi,

Yes, you can use the unique page id set on the body tag of the page to set a background image only for that specific page, like i did here: http://screencast.com/t/wFIBawec
Use a css similar tot this:

.page-id-800 {
background-image: url("http://fortunesportsmedia.com/wp-content/uploads/2013/09/Depositphotos_4119940_original.jpg");
}

Thanks

Lucian
tagDiv Staff

Hi,

You need to add posts into your featured category as the slider from the “homepage – bg – loop” template which you are also using displays the posts from the featured category.
You can also edit the page-homepage-slider.php file and change this sorting option from there. You can read more about this here: https://forum.tagdiv.com/topic/big-slider-2/
Also noticed that you have some issue with the banner on your homepage, use this css to fix that: http://screencast.com/t/4KjlFgZXs

.header-content-rec .td-g-rec-id-header {
margin-bottom: 45px;
}

Thanks

Lucian
tagDiv Staff

Hi,

Yes, you can do it via css, like this: http://screencast.com/t/3UmS0GY2fj
Use this custom css in theme panel > custom css field, like this: http://screencast.com/t/negqr7clya

.post-style-3-video-post .wpb_video_wrapper {
margin-bottom: 100px;
}

.post-style-3-video-post .post header{
bottom: -120px;
}

.post-style-3-video-post .post header .entry-title {
color: #222222;
}

.post-style-3-video-post .post .td-image-gradient:before {
display: none;
}

Unfortunately you will need custom work to customize the theme to work with other types of video and edit the td_video_support.php file and add support for your videos: http://screencast.com/t/eKiALEuD

Thanks

Lucian
tagDiv Staff

Hi,

Yes, you can use this custom css to remove it: http://screencast.com/t/KxEsxXrXLS6

.single_template_3 .td-image-gradient:before {
display: none;
}

Thanks

Lucian
tagDiv Staff

Hi,

It dose work, as you can see here: http://screencast.com/t/phzv5408 I have tested this on your site.
As I stated before you need to get your post ID and use it to only hide the author box on specific posts, like this: http://screencast.com/t/YH1mscsz

If you add this css into your custom css filed you will hide the author box on this post page: http://snowwatch.org.uk/weather/looking-ahead-winter-part-two

.postid-2375 .author-box-wrap {
display: none;
}

Thanks

Lucian
tagDiv Staff

Hi,

Unfortunately you do need custom work for this or a plugin because the theme doesn’t have feature like that.
You could also try to add categories to your menu and use css to style it as you like. Use inspect tool to make an idea about the css you need to achieve this and check the site from your image.
Sorry about this! Thanks for the message!

Thanks

Lucian
tagDiv Staff

Hi,

That happens when you use a mobile theme. Unfortunately this is how the theme works as it uses the same code for all screen widths styled via css which means that changing a pages content affects all screens, mobile also.
Not sure how you can achieve this, you could use js to detect mobile screens and load different content but you will need custom work for that. The theme hasn’t been designed to use a mobile template, you can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to customize it yourself. Unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support.
Sorry for the inconvenience!

Thanks for the message!

  • This reply was modified 11 years by Lucian.
Lucian
tagDiv Staff

Hi,

Yes, you are right, thanks you! I will add this on our issue tracker and you can use this custom css until we fix this: http://screencast.com/t/CZHYfNUEcY

.page .gallery-columns-1 .gallery-item {
margin-left: auto;
margin-bottom: 20px;
}

Thanks for reporting this!

job78
tagDiv Member

Hi,

Thank you very much for your reply!

Thanks for considering my feature idea. I think it would be very nice because bloggers want now to display their content by “format” et not only by categories or thematics.

I disabled CSS/JS/HTML minify in my WordPress cache plugin and the bug has left! Thank you!

Lucian
tagDiv Staff

Hi,

You can do it via css, use this custom css in theme panel > custom css field: http://screencast.com/t/2GOiYuuh

@media screen and (max-width: 767px) {
.td_normal_slide .td-sbig-title-wrap .td-sbig-title {
font-size: 15px;
line-height: 10px;
}
}

Thanks

Lucian
tagDiv Staff

Hi,

Thanks for reporting this, we know about this bug and we have it on our issue list and we will fix this on the next theme update.
You can use this css to add margin to the banner and fix this: http://screencast.com/t/vXAPJcaojKvl

.single .td-a-rec-id-header {
margin-bottom: 50px;
}

Thanks

Lucian
tagDiv Staff

Hi,

Sorry for the delay!
Are you sure that the WordPress SEO plugin is responsible for this? I have inspected your site and found that you have some missing css from a plugin: http://screencast.com/t/0Oggd7Bkdv1
Please make sure you deactivate all plugins and enable just the Visual Composer, bbpress and WordPress SEO plugins then check if this is still happening.
Also remember to empty your cache and purge files if you sue any cache or CDN plugins.
Please let me know of what you find.

Thanks

Arved007
tagDiv Member

TD Booster isnt doing anything for me. I’ve marked all the scripts and CSS like the tutorial, but nothing,

My code is this one:

//jetpack lost styles
$this->move_style_to_footer('jetpack-subscriptions');
$this->move_style_to_footer('jetpack-widgets');
$this->move_style_to_footer('taqyeem-style');
$this->move_style_to_footer('easy-social-share-buttons');
$this->move_style_to_footer('rs-plugin-settings');
$this->move_style_to_footer('wp-polls');
$this->move_style_to_footer('advanced-responsive-video-embedder-plugin-styles');
$this->move_style_to_footer('js_composer_custom_css');
$this->move_style_to_footer('jetpack_css');
$this->move_style_to_footer('td-bootstrap');

$this->move_js_to_footer('themepunchtools');
$this->move_js_to_footer('revmin');
$this->move_js_to_footer('tp-tools');
$this->move_js_to_footer('jquery');
$this->move_js_to_footer('taqyeem-main');
$this->move_js_to_footer('wp-polls');
$this->move_js_to_footer('devicepx');
$this->move_js_to_footer('td-external');
$this->move_js_to_footer('td-site-min');
$this->move_js_to_footer('js_composer_front');

You can check my site 🙁

http://www.anim-arte.com/

Lucian
tagDiv Staff

Hi,

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

form input[type="text"], form input[type="email"], form textarea {
background-color: #f9f9f9;
border:1px solid #dfdfdf;
}

Thanks

Viewing 25 results - 30,776 through 30,800 (of 33,436 total)