Search Results for 'css'

Thanks Bogdan.

I took a look at that file, and yes, way beyond my skills.

I realize that I’m pushing the smart list outside of it’s intended scope but I did find a workaround for those that might want to do the same. It seems that the smart list functionality uses the CSS class wp-image-xxxx (replace xxxx with the image ID) to identify and reposition the images in the smart list layout. That class is added when you insert an image with the Add Media button in the editor.

To override the core smart list functionality you simply need to remove that class. One option is to manually remove it by going through the code in Text mode.

Another option is to apply a filter to always remove/change that class when using the Add Media button. To do that, add the following to your functions.php file:

/* Strip out wp-image css class when using Add Media button */
function filter_image_send_to_editor($html, $id, $caption, $title, $align, $url, $size, $alt) {
  $html = str_replace('wp-image-', 'id-image-', $html);
  return $html;
}
add_filter('image_send_to_editor', 'filter_image_send_to_editor', 10, 8);

Instead of removing the class completely, we chose to change the it from wp-image-xxxx to id-image-xxxx just in case we need to use for another purpose in the future.

• This reply was modified 10 years by five40.

Yes I understand its a early problem considering that update just recently came out. And yes its a css-error

smpc.se/hzv2695vn8/ thats the current link you have to use for the page, as its currently hidden

user: testuser2
pass: testuser234

• This reply was modified 10 years by Peter Blom.

Hi

Your code is missing the loop part which check if there are any post to be displayed on the page. A basic loop example it’s in this code:

<?php if ( have_posts() )  ?>
<?php while ( have_posts() ) : the_post(); ?>
    <div class="td-container">  //the theme uses this classes for
    <div class="td-container-border">  //post/page content
        <?php the_content(); ?>
        //you can place a custom code here, depending by your needs 
    </div>
    </div>
<?php endwhile; ?>

The theme display the page content using this classes: td-container, td-container-border You can replace them if you want but in this case you need to create your own css for layout. Also you can use your classes within theme’s classes like this:

<div class="td-container">  //the theme uses this classes for
    <div class="td-container-border">  //post/page content
        <div class="img-header-home">
        <div class="container mt-130 z-index100">
          My static content
          <?php the_content(); ?>
        //you can place a custom code here, depending by your needs 
        </div>
        </div>
   </div>
</div>

You can check this example code here: http://pastebin.com/8E0XZ8de which produce this result: http://screencast.com/t/p8SsR9P2x9W – http://screencast.com/t/N95ikdPhHY
This is a basic example, but you can customize your page template as you need by ading different conditions in that file. For more information regarding WordPress loops you can check the official documentation: https://developer.wordpress.org/themes/basics/the-loop/

Hope this help.
Thanks!

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

Hi

You can use theme API to modify the current thumbs available on the theme, or add a new one: https://forum.tagdiv.com/td_api_thumbadd/ Also you can use this css in theme panel custom css to increase the height oh the image: http://screencast.com/t/XBwaLIpm

.td_block_16 .td_module_mx4 .entry-thumb{
min-height: 200px!important;
}

Thanks!

Trank you for your reply.
But the code I mentioned I just out this last hours.
Without this code the element in the sidebar.m, in my case the ad, I just showing up the half of it. Like 100px width.

So I put this css code to see the ad in mobile.

As I said, the problem isn’t at the homepage.
In homepage site everything seems fine.
But on post pages the sidebar element breaks to the bottom.
And then on mobile screen u can see only the half of the element. Because I think there is something which is blocking.

Thx.

Hi

We will investigate this issues and hope we can came up wit a solution soon. Meanwhile try this css, it should work sine: http://screencast.com/t/7foyTZkfx9

.groups #buddypress div#item-header div#item-actions{
left: 0;
top: 62px;
}
#buddypress div#item-header ul {
display: block;
}

Thanks!

Hi @stuartmasson

Please make sure that you disable html/css/js minify option because usually the automatic compression of these resources could cause issues like the one you describe above.
We don’t recommend using an autominify tool as this could generate js conflicts and break features that use js to function, like in your case smart sidebar did.

Hope this help.
Thanks!

Thank you Bogdan – It helped a lot.

I need a small css help to complete logo alignment in menu bar.

Screenshot:-

http://www.screencast.com/t/j7qUaoEAfErL

steps to reproduce:-

i) Login to http://www.viralbae.com

ii) After login it will be redirecting to homepage

iii) Site Logo is seen in top left corner.

Note: The logo misalignment issue happens in mobile only.

Kindly advice.

Thanks!

What happens if we have more than one menu item to hide on desktop and show on mobile? Is it a separate chunk of css code for each one or can the hidden menu items be listed in a single line of code? Please show me an example of the css code for hiding two menu items so that they only appear on mobile.

Thanks!

Don’t know if you can also give CSS code to fix the avatar hovering over group description too and fix in one of the next updates as with other. See image of a group and current user avatar is hovering over the description which I think should not be like that.