Search Results for 'css'

Hi again

Everything looks great in Chrome (38), but how do I write IE11 specific CSS? The logo in the menu looks all messed up in IE11…

/* —————————————————————————-
Custom CSS
*/
.menu-item-40484 {
display: none;
}
.affix .menu-item-40484 {
display: block;
}
.menu-item-40484 {
position: absolute; left: 260px;}
}
/* responsive portrait tablet */

@media (min-width: 768px) and (max-width: 1018px) {
.menu-item-40484 {position: absolute;left: 35px;}
}
/* responsive landscape tablet */

@media (min-width: 1019px) and (max-width: 1199px) {
.menu-item-40484 {position: absolute;left: 52px;}
}

@media (min-width: 1019px) and (max-width: 1199px) {
.td-menu-wrap #td-top-menu {
padding-left: 70px;
}

When scrolling, the logo in the menu looks like this in Chrome (38):
<!– copy and paste. Modify height and width if desired. –>

and it looks like this in IE11…..:
<!– copy and paste. Modify height and width if desired. –>

• This reply was modified 11 years by atflaten.

child themes always point to their parent; basically they are a way to “over ride” the parent theme with templates, CSS, etc., but don’t directly change the dbase per se. But, yes, they share the same database as they are only a clever way to make customizations and then redirect to the main parent theme for everything else. The parent theme controls the dbase login/connections from the wp-config.php file.

For info on how WordPress works, always always always a great place to start is the massive online WordPress official “codex” like here:

http://codex.wordpress.org/Child_Themes

TIP: Google search anything WordPress related with coded on the end.

e.g., child themes codex

• This reply was modified 11 years by simchris.

Hi, best bet … don’t use demo content. Also don’t recommend using child theme until you’re more experienced.

With the Newspaper theme activated, go to bottom of the main admin panel for the theme, and note the section “import pre-defined styles” …. choose the “style” you like from the demo site, then activate that; and basically it loads all the CSS/fonts/layout choices from the demo “tech” … you then customize THAT version however you wish.

Hope that helped 🙂

Thanks, Lucian!

Support here from tagDiv has been great!

Rather than using the big slide, or changing the php hard code… I opted for another solution.

I used the big slide as a “template” for what I wanted to achieve, and used VC to set 3 columns on the left (not sure if I am saying this right), and one column on the right. I then used Raw HTML widgets for the same effect. One Raw HTML widget on the left, and 3 on the right (one above the other vertically). I then coded for an image in each one. A large image on the left, and the 3 images automatically stacked vertically on the right.

Being somewhat new to wp, html/css… I realized I did not need 3 individual Raw HTML widgets on the right, and used one instead, and simply (and very easily) used html/css coding for images as one normally would for the same result.

FYI…
the only way to get a “perfect” score with PageSpeed Insights is to custom build a lean layout with few photos and css custom loading in steps for a) above the fold, b) after load; this is very complex and not suitable for sites with complex if/then/else customization front ends or page builder apps due to all the bloated code necessary for serving different masters. Any site which loads most of the CSS and related styles to get the page to render properly will end up getting an optimization warning, because the page is not custom built to render above the fold before the lower content. If you can hit 90+ on your desktop score and 85+ on mobile, you can live a happy life and not stress over it.

Just that I’m getting optimize css delivery for the css files even if they’re at bottom!

Hi Lucian,

Thanks for the customized CSS. It really helped us to get a good font size and font color in the desktop. The media CSS also works but I need the Module 7 in our mobile version homepage and I am not being able to figure out how to get that big image. What we have is this :
http://www.screencast.com/users/omnipundit/folders/Default/media/6565c2b9-dc3b-44e3-b9c3-458b09917cf6

What we want is this :
http://www.screencast.com/users/omnipundit/folders/Default/media/a450f9e4-0577-4061-946b-dbdbd45ba09e

The styling works but the we need help with the image on the mobile version.

Thanks Lucian. The CSS works but we are still not able to control the font size. In your previous CSS can you include a specific font size? We copied your CSS in the CUSTOM CSS area. Do you want to put it inside any specific page template for more flexibility?
Recently we were working on our mobile display of our website.What we are getting is like this :
http://www.screencast.com/users/omnipundit/folders/Default/media/bde94e22-abc9-43c1-bc3e-91ea6e83f9cb

But we want to change the mobile display to this: http://www.screencast.com/users/omnipundit/folders/Default/media/a450f9e4-0577-4061-946b-dbdbd45ba09e

So any suggestion as how we can change the display?

Thanks,

Ok. So I did everything which I had to do in regards to convert/ use custom fonts in Hindi.

I used custom fonts option and gave the link to .woff fonts. I did everything as mentioned in the tutorial, but still I do not see any changes. I even changed the font-face details in style.css with the code generated by webfont.

Not sure what to do.
I will be really grateful to you if you can please look into the issue and rectify it or let me know how to get it up and running.

If you want then I can provide you with my FTP details and WP-admin details as well. I am really frustrated and might lose a client of mine. Please assist.

This is what my solution in functions.php looks like (adapted from a stackoverflow thread). It looks like this: http://themedium.ca/arts/visual-studies-art-through-snail-mail

I removed the icon code here because you don’t have the assets or the CSS on your end, but if you want it, just ask.

// Show captions on template 4
// adapted from stackoverflow.com/questions/13850313/how-to-add-a-featured-image-caption-in-wordpress

function get_template4_caption($post) {
	$thumbnail_id    = get_post_thumbnail_id($post->ID);
	$thumbnail_image = get_posts(array('p' => $thumbnail_id, 'post_type' => 'attachment'));
	
	if ($thumbnail_image && isset($thumbnail_image[0]) && $thumbnail_image[0]->post_excerpt) {
		return '<div class="template_4_caption"><span class="td-block-author"> . $thumbnail_image[0]->post_excerpt .'</div></span>';
		}
}

In order to have it below the image, the function is called in single_template_4.php in each of the three sidebar cases, e.g. the last line here:

    <?php
    // we check the sidebar position and for each one we have a different case
    switch ($loop_sidebar_position) {
        default: // sidebar right - the default sidebar position
            echo td_page_generator::wrap_start();
            ?>
                <div class="span8 column_container td-post-content" role="main" itemprop="mainContentOfPage">
                <?php echo get_template4_caption($post); ?> <!-- new -->

Note that you might still want to add some CSS styling for template_4_caption or whatever classes you choose to use, e.g. some margin-top to distance it from the image.

If you wanted it on the image like the rest of the meta info, you would have to adjust this placement and the styling.

That does help. Is there similar css for the month view as well?