Search Results for 'css'

Hi,

You could try this css: http://screencast.com/t/k6vnfo6p
Or set a fixed width like 300px.
The standard seize for the logo should be 300px X 100px and your logo it’s at 1024px X 394px that is why it’s displayed like that.

`.header-style-3 .td-full-logo .td-logo {
max-width: 300px;
}`

Thanks

Hi,

Please replace this second css for the .sf-menu > li > a with this: http://screencast.com/t/n1i0HPKd

.td-header-style-8 .td-li-wrapper-menu .sf-menu > li > a {
padding: 0px 6px 0px 6px !important;
}

Thanks

Hi,

Please use this custom css to fix this issue: http://screencast.com/t/gfE7MOzI

@media (max-width: 1018px) and (min-width: 768px) {
.blog-stack .sf-menu>li>a {
font-size: 13px !important;
padding: 0px 15px 0px 15px !important;
}

.menu-item-29 .sf-sub-indicator{
top: 22px !important;
right: 0px !important;
}
}

Thanks

Hi,

1. Please use this css: http://screencast.com/t/5EenmywC

@media (max-width: 500px) {
.td-grid-wrap .post p b img {
float: left !important;
margin-right: 23px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: 50px !important;
width: auto !important;
}
}

2. You can try this css, this how it will look on desktop and tablets: http://screencast.com/t/gDgnS2jHD3
This is how it will look on mobile: http://screencast.com/t/j9RW2TjT4G

This is the css:

.td-header-bg {
height: 240px;
}

@media screen and (max-width: 767px) {
.td-header-bg {
height: auto !important;
}
}

Hope this helps!

Thanks

Hi,

That happens because of the font size, which is the same as the one on desktop, you can use this css to change it: http://screencast.com/t/wtypDMY8

@media (max-width: 767px) {
.td-big-grid-post-0 .td-sbig-title-wrap a {
font-size: 17px !important;
line-height: 12px;
}
}

Thanks

Hi,

I have already went over it again here: https://forum.tagdiv.com/topic/please-make-option-classic-pagination-typle-older-post/

Add this code for the pagination and replace this: http://screencast.com/t/7DlGd290CLB

?><div class="newer_entries">
<?php previous_posts_link( '« Newer Entries' ) ?>
</div>
<div class="older_entries">
<?php next_posts_link( 'Older Entries »', 0 ); ?>
</div><?php

Like this: http://screencast.com/t/YBtf49YEhnc
Then use this css: http://screencast.com/t/YZcKyJQY

Thanks

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

Hi,

This happens on tablet portrait view as the menu items don’t fit in one row. You can try to fix this by reducing the menu item length or lower the font size.
You can sue this custom css: http://screencast.com/t/lPhnYFPWd

@media (max-width: 1018px) and (min-width: 768px) {
.td-header-style-8 .td-style-8-menu-wrapper .menu-td-header-container a {
font-size: 13px !important;
}

.sf-menu > li > a {
padding: 0px 6px 0px 6px !important;
}
}

Thanks

Hi,

It’s not enough just to paste those classes like that, you also need to style the container of those classes, meaning the arrows. If you don’t have any css/php/html knowledge and you need or want to customize the theme design besides what it has now you can get a freelancer to ado it for you as we cannot offer custom work because we are working hard on development, updates and support.
You can move the the prev/next arrows to the bottom of the block like this: http://screencast.com/t/72wBfFymR

.td-ajax-next-page, .td_ajax-prev-page  {
top: auto!important;
bottom: 0px !important;
}

Thanks for understanding!
Please let me know if it works!

Hi,

The post views show the post views not the page views, this may not be accurate due to cache. If you use any cache plugin please make sure you empty cache and try again. You can also use accurate post views by enabling the Ajax post view count option from theme panel: http://screencast.com/t/MlrXSFCk
To remove the post views meta from homepage only use this custom css in theme panel > custom css filed: http://screencast.com/t/2UtVihhbqC8

.home .td_mod_wrap .meta-info .td-sp-ico-view, .home .td_mod_wrap .meta-info .td-nr-views-244 {
display: none !important;
}

Thanks

Hi,

Please use this custom css in theme panel > custom css filed:

#rev_slider_1_1_wrapper {
 z-index: 0;
}

If this doesn’t solve this issue please send your site’s URL, I need to inspect this so I can provide a fix for it.

Thanks

Hi,

Use this two css classes to position them at the bottom .td_ajax-prev-page for the left arrow and .td-ajax-next-page for the right one.

Thanks

• This reply was modified 11 years by Lucian.

Hi,

This may be due to other plugins, maybe some that add other shortcodes and remove those from the theme. Please make sure you deactivate all plugins and check this again. Also empty cache and/or purge files if you use any cache or CDN plugins.
Please let me know if this helps or not!

Thanks

Hi,

@steven
If you set a background color or image from theme panel this will apply site wide.
If you need a different color for a category, you can change it from theme panel > categories for a specific category to use a specific background color: http://screencast.com/t/VVcP2Vbp This will overwrite the previous background color set from theme panel > theme colors.
If you need a different background image/color or you don’t want to have a background image at all you can do it via css and apply changes only for that page.
Use the page id class which is unique for all pages to remove or change the background, like this: http://screencast.com/t/5pA9hFjAM

.page-id-2877 {
background-color: initial;
}

Thanks

Hi,

Use this css to set the background image, the first one was broken and didn’t worked because of the url’s apostrophes (''): http://screencast.com/t/xt6D0UuiCk6e
Just change the image url with your own.

.td-full-layout .td-header-bg {
background: url('http://theblogboutique.com/wp-content/uploads/2011/02/Dark-blue-Header-000099.jpg') !important;
}

The layout you have sent me it’s possible to get using header style 1 and also use a logo with a transparent background, regarding the transparent menu this can be set via css, I don’t see though how can you set the background for the menu also because there is no container which include only the header and the menu, nevertheless you will need custom work for all this and unfortunately, we cannot offer 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