Search Results for 'css'

Results from the Forum
Marius
tagDiv Staff

Hi,
The 980 responsive width version have some little issues, need some CSS fixes. I will fix, please let me know where, can you show me directly on your site?

Radu A
tagDiv Member

hi,
we have added custom fonts: https://forum.tagdiv.com/how-to-use-custom-fonts/ , so things got change a little bit.

for small slide : http://screencast.com/t/VDvskd7qo

for widgets: http://screencast.com/t/wvIasYDUjJ

Thanks for you message.
Radu A.

Radu A
tagDiv Member

hi,
use this css:

.td-header-menu-wrap .container .row .span9 {
  float: right ;
  text-align:right;
  padding-right: 35px !important;
}

.td-header-menu-wrap .container .row .span3 {
   float: left ;
}

here: http://screencast.com/t/CLoD566j

Thanks for you message.
Radu A.

sunkast
Participant
#0

I have a couple styling issues on my site after updating to v3.6 from 3.5. The first of which is the font styling for the Big Slide. It’s no longer uppercase. I read another post saying their customization to font styling had broken, so I specifically went and changed the big slide to transform text to uppercase, however it only changed it for the first image, and not the 3 next to the main image.

See here:

http://awesomescreenshot.com/06a2melj86
http://awesomescreenshot.com/0012melw0a

Also, the styling for text widgets has changed causing an issue for a text widget I am using with HTML for text with title block.

http://awesomescreenshot.com/09f2mem2ba

This appears to be due to !important no longer being applied to the td block title widgets. I’m guessing this may have been changed for the new font system? If that’s the case then how can I have a widget with a title and the correct link color? Maybe there should be a TD text with title widget?

Marius
tagDiv Staff

Hi,
You can use this CSS:

.widget_rss .block-title a {
  color: #FFFFFF;
  padding-left: 0px;
}
.widget_rss .block-title img {
  padding-bottom: 3px;
}
.widget_rss ul {
  padding-top: 9px;
}

We will fix this in the next update.
Thanks for the message!

Marius
tagDiv Staff

Hi,
Add this code in function.php file

add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
    function loop_columns() {
        return 5; // 3 products per row
    }
}

like here: http://screencast.com/t/7Y7xSh1LBcxX

Then add this CSS in Theme panel -> Custom CSS

/* responsive monitor */
@media (min-width: 1200px) {
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 16.05%;
  }
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 16.05%;
  }
}
@media (min-width: 1019px) and (max-width: 1199px) {
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 16.05%;
  }
}
Marius
tagDiv Staff

Hi,
We removed the animation from less files, is hard to be overwritten by a CSS, we have tried but with no luck.

Please what for the next update, or if you want you can try to search the animation code in your style.css. transition(background-color 2s);

Thanks!

simchris
tagDiv Member

In every theme I’ve used I’ve always had to create my own CSS for that pesky widget. You will likely need to add some CSS for that in the custom css box to use it. I’ve actually found it’s easier to use one of the third party RSS widget plugins which have a style panel, and options to grab thumbnail, etc. You and I are in the minority of folks who still use RSS 🙂

(We used it on some of our sites to show “news from our sister sites”…)

defenseupdate
Participant
#0

Can you be more specific of which functions/scripts can be excluded, so I can use the advanced caching functions of W3? Excluding scripts, database and CSS doesn’t leave much for caching…

mehedi
tagDiv Member

Hi Radu,

I think the next version will take time to come out. Can you just tell me, which CSS do I need to delete?

Thanks!

Marius
tagDiv Staff

Hi,
Your CSS selector is incorrect. Use this:

.meta-info .td-block-author {
    padding-left: 10px;
}
Marius
tagDiv Staff

Hi,
Do you want that only on homepage?

If yes you need to change the code a little like here: http://screencast.com/t/juHedPQjTC

$buffy .= '<div class="hide-comment">';
$buffy .= '</div>';

$buffy .= '<div class="hide-views">';
$buffy .= '</div>';

And add this CSS in theme panel -> Custom CSS

.hide-views {
    display: inline-block;
}
.hide-comment {
    display: inline-block;
}

.home .hide-views {
    display: none;
}
Marius
tagDiv Staff

Hi,
DO you want to hide the slider arrows?

Use this CSS:

.iosSlider .prevButton {
    display: none !important;
}
.iosSlider .nextButton {
    display: none !important;
}
Radu A
tagDiv Member

hi,
you cannot target all background if you are not in box template, because the theme is made from 3 sections, see here: http://screencast.com/t/kinWT9k1

you can use this css to target each section individually :


body  {
  background-color:blue !important;
}

div.td-header-bg {
 background-color:#00ff00 !important;
}

div.container.td-logo-rec-wrap {
   background-color:#ffffff !important;
}

div.td-menu-background.affix-top {
 background-color:red !important;
}

div.container.td-menu-wrap {
  background-color:#ffffff !important;
}

can you point me (a print screen will be great) where the that “Suport” word is?

Thanks for you message.
Radu A.

Marius
tagDiv Staff

Hi,
That area doesn’t support shortcode. Wjat you can do is to add a link like: <a href="you link">Review criteria</a> http://screencast.com/t/wYsrptDj

And you will have: http://screencast.com/t/NermP73Oq

Then you can style that link if you want like a button: Use this CSS, add it in Theme panel -> Custom CSS

.td-review-desc > a {
    background-color: #444444;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 4px;
    padding: 3px 9px;
}
Radu A
tagDiv Member

hi,
if you are referring to the images that are on the slider, you need to know that we din not develop the slider, we bought it and incorporated in our theme,
however you can use this css to add some space beween pictures, hope it works for you:

.td-slide-sec-items-wrap .thumb-wrap {
    padding-top: 10px !important;
}

.td-slide-item-main {
    padding-top: 10px !important;
    padding-right: 5px !important;
}

here: http://screencast.com/t/s912Yokn

Thanks for you message.
Radu A.

  • This reply was modified 12 years by Radu A.
Marius
tagDiv Staff

Hi,
You can add this code

<div class="slide-meta">
              <span class="slide-meta-cat">
              <?php $cat = get_the_category($post->ID); echo $cat[0]->cat_name ?>
              </span>
              <span class="slide-meta-author">
              <?php $this->get_date(); ?>
              </span>
            </div>

in module 6(Block 3 use Module 6) like here: http://screencast.com/t/nLSyTpn90pnA

and add this CSS in Theme panel -> Custom CSS

.td_mod6 .slide-meta-cat {
    background-color: #444444;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px 7px;
}

The category can’t over the image only on that module, sorry for the inconvenience. We need to change the theme structure to support that.

Result: http://screencast.com/t/IIruxXJqX

Thanks for the message!

simchris
tagDiv Member

You might try using one of the WordPress plugins that do this without having to load code from external source.

Or, double check that hellobar is even compatible with wordpress, and/or if they have a wordpress specific version. Usually compatibility problems stem from a service like hellobar using the same css classes already used by somebody else vs having custom unique ones, or they are trying to load something like jquery a second time when already loaded by theme.

Might not help, but ‘dems da facts. I’d look at a message bar plugin for wordpress first.

  • This reply was modified 12 years by simchris.
simchris
tagDiv Member

Oh yeah. You can style just about everything. We started using it long time ago for a custom theme we did, and also because most theme devs never included an author bio box, so this was of course why the fellow built the plugin. He’s updated it over the years with lots of features for styling and since he uses custom classes, in theory the custom css box in Newspaper theme panel “should” also be able to change anything else. This was important back in the day when every damn sidebar thing was done with an H3 tag. Ugh.

simchris
tagDiv Member

Interesting. It looks to do some of the things many security nuts do.

Fact is, some hackers will troll a website even if WordPress is not installed. One of our sites gets probes everyday to /site/wp-admin/ even though no such directory exists, nor does wordpress (custom CMS on our main business site).

Some things you can do yourself with edits to your wp-config file if you research that, which I think is preferable. And perhaps some other things are being done via a custom rewrite in the htaccess file (basically 302 redirects, perhaps).

I think if you have a lot of worry about being hacked, it’s actually simpler to use common security practices:
1) don’t have an admin account for wordpress; create superuser, delete “admin” …
2) install Limit Login Attempts plugin
3) read up on several fixes for your config file such as turning off the “lost password” function, pingback support, etc.
4) simple fixes to function.php to turn off showing version numbers

Also be aware that your web hosting company should be running things like iptables/csf/ldf to limit port scans and IP attacks, DDOS, email port attack (53), etc.

YOu may find some of these useful for adding to your functions.php, perhaps not:

/*NEOTROPE CUSTOM MODS -  */

remove_action( 'wp_head', 'wp_generator' ) ;
remove_action( 'wp_head', 'wlwmanifest_link' ) ;
remove_action( 'wp_head', 'rsd_link' ) ;
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'feed_links_extra', 3 );

add_filter( 'pre_comment_content', 'wp_specialchars' );

function no_errors_please(){
  return 'GET OFF MY LAWN !! RIGHT NOW !!';
}
add_filter( 'login_errors', 'no_errors_please' );

/* Disable YOAST SEO Admin Bar. */
function mytheme_admin_bar_render() {
	global $wp_admin_bar;
	$wp_admin_bar->remove_menu('wpseo-menu');
}
// and we hook our function via
add_action( 'wp_before_admin_bar_render', 'mytheme_admin_bar_render' );

function delete_enclosure(){
 return '';
 }
 add_filter( 'get_enclosed', 'delete_enclosure' );
 add_filter( 'rss_enclosure', 'delete_enclosure' );
 add_filter( 'atom_enclosure', 'delete_enclosure' );

function remove_cssjs_ver( $src ) {
    if( strpos( $src, '?ver=' ) )
        $src = remove_query_arg( 'ver', $src );
    return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );

function remove_pingback_url( $output, $show ) {
    if ( $show == 'pingback_url' ) $output = '';
    return $output;
}
add_filter( 'bloginfo_url', 'remove_pingback_url', 10, 2 );

I would not try using that commercial plugin on a production site, but might be worth testing on a test project and see what it actually does. 🙂

  • This reply was modified 12 years by simchris.
simchris
tagDiv Member

HI, custom CSS is working in 3.6, so I recommend upgrading to that. Fixed a lot of oddities from v3x. However, in some cases figuring out what class to edit is the tricky bit. I added CSS to change the date top left of pages/posts, and also add more space above below the post title, as well as more spacing below logo.

simchris
tagDiv Member

Obviously custom CSS workaround 🙂

Still, FYI, changing top menu font colors doesn’t currently (3.6) set a color proprerty for the date.

simchris
tagDiv Member

There is option to switch it OFF entirely in the theme panel (slide the <> slider to off). The “X” in the box is to remove it when viewing the page.

If you’re asking how to have it disappear before somebody has time to read it and click it to go to the story, that kind of defeats the purpose.

If you want to have a time delay to have it slide back out… like 7 seconds, you’d likely need to edit the CSS/Java for that element (Marius/Radu might have something for that).

If you don’t want it at all, simple to just turn it off. “Most” people now know the ‘X’ is to remove it (or “close”).

nicknaky
Participant
#0

Hi,

My URL: http://www.mushroomrobot.com

I want to change the color of the date as well as add a spacing between the date and the author name, however the following codes no longer work:

.entry-date {
padding-right: 8px;
}

.entry-date {
color: #777777;
}

Looking at the style.css I even tried changing the color code directly as seen here:

.meta-info {
font-family: ‘Ubuntu’, sans-serif;
color: #777777;
font-size: 12px;
}

But this doesn’t work either.

simchris
Participant
#0

HI, Marius
trying to figure out the div class to add a custom css element.

Basically, I want to keep the “wide screen” header and footer, but then put a background behind everything, basically a top-down gradient, and can’t find the right way to do that. Managed to add it to the div for the content but applying to any of the div classes for the body, or just for the body, won’t work.

Put another way, need to add a background to pages NOT using boxed layout.

Gave it the college try for 15 minutes looking at source code, but can’t sort which style class I need to assign the background image custom css to.

Hope that made sense.

Also, on this site in your menu top of pages, btw, the word “Suport” in English should likely change to “Support” for the nit picky.

Viewing 25 results - 32,701 through 32,725 (of 33,436 total)