Tag Info

New answers tagged

0

If you want your navigation span element to be a block, instead of inline element, just target it via css nav > ul > li > a > span{ display:block; } This is providing your HTML structure looks something like this: <nav> <ul> <li> <a href="#" class="menu-link"> ...


0

what framework do you use for your theme-panel? You need to make image upload into your theme panel page and a line of code to call it everywhere of your theme you want. This is an example: in theme panel function page $options[] = array( 'name' => __('Introduction Image', 'options_check'), 'desc' => __('This is your site logo.', ...


0

@Knott - Please try attached plugin. It was a quick build for you. It uses jQuery itself and moves inline css to footer. Please note my comment in js file. Download the plugin here.


1

I am not sure what exactly you want. But I assume you want the desktop view in your mobile browser instead of responsive layout. You can use viewport to achieve this. Please check this tutorial: http://webdesign.tutsplus.com/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972


0

Because some of titles are running on to three lines when the screen gets smaller its messing up the flow of the floated elements. What you need to do is clear every fourth element. Also this is a basic css question and is not specific to Wordpress at all.


0

#logo .site-description { float: left; font-size: 2.3em; font-weight: bold; color: #004488; font-family: 'Bitter', Georgia, Arial, Tahoma; } Replace this part of the css code #logo .site-description { float: right; font-size: 1.3em; font-weight: bold; color: #004488; font-family: 'Bitter', Georgia, Arial, ...


0

From what I understand from your question, your best course of action is to assign the node to a Wordpress callback function using built-in AJAX. If you don't know what I'm talking about, you should familiarize yourself with using AJAX in Wordpress in the Codex. However, here is a basic overview of steps: Add a function in a JS file that is attaches a ...


1

It depends on your image and stylesheet location. But this is the syntax: .theme-image { background-image: url('../images/header-img.jpg'); } The above code is for the structure wp-content - themes - your-theme - images - header-img.jpg - css - style.css You are making the browser come one directory before and search for images ...


1

There are many approaches to this. This is because the position: absolute on the sidebar-container is making it overlap over the footer. Try this CSS to override. This is a static solution: body.single .hentry // Selects the single posts { min-height: 2000px; // Set this according to the height of the sidebar } This one is a better solution: To work ...


2

That's the Jetpack Stats image, it's necessary to track the stats. You can disable it by disabling Jetpack Stats but it shouldn't be full width, that will be a CSS problem


2

It's not showing because the .insertAfter() and .show() functions are called on resize events only, while mobile devices do not resize. They already load the page with their mobile sized. Just make sure you also run the code on the ready event: <script type="text/javascript"> /* to show back the left side bar back when the LEFT side bar is moved ...


0

The problem is not with the CSS but with HTML, the span element for percentage is nested within the overall discounts span class which has the days. So when you move discounts, it will move the whole container. Change the HTML code from this: <span id="discount4" class="discounts" style="display: block;"><br> 30% <span class="green">| 5PM ...


1

Multiple solutions for defining the images -> Post Thumbnails While creating a new post, you can set the Featured Image which will automatically set the post image. Since your image is full width, you need to set the size of the thumbnail using: https://codex.wordpress.org/Function_Reference/the_post_thumbnail Media Upload Go to Media -> Add New. ...


1

The CSS code syntax is not correct. For post and page specific CSS, you need to use something like this: /* Replace x with post/page id and post with page and vice versa*/ .page-id-x .hentry, .page-id-x .entry-footer { background-color: #RGBColor !important; }


1

There are two possible solutions: CSS edit and File edit. CSS edit(Not the best solution, but works) .post-blocks .block-info span { display: none; } It is not possible for us to write the file edit code since we don't have access to your admin panel. Install WhatTheFile plugin to find out the template that renders the code for the page and edit the ...


0

You need use the wp_is_mobile() For example changing your style.css in the header.php <?php if ( wp_is_mobile() ) { /* Display and echo mobile specific stuff here */ } ?>


0

#sidebarSubnav h3 is not letting your Custom CSS to work since it already contains !important for its style properties. Place your code below the above selectors or load the custom css file after the default stylesheet.


0

While I think they really hit it out of the ball park (so to speak) with Twenty-Fifteen, this has driven me nuts for a long time--I want yet more room for content. I've gotten this (via a wider content area, as you want) by futzing with css percents a lot. Your mileage may vary. Here's a paste of the css section where I changed the numbers. I also removed ...


1

The problem is that you are enqueue the CSS file of your theme outside any of the recommended actions. If you want it to be added only in frontend, you should use wp_enqueue_scripts action: add_action( 'wp_enqueue_scripts', function() { wp_register_style( 'mainstyle', get_stylesheet_uri()); wp_enqueue_style( 'mainstyle', get_stylesheet_uri()); });


1

You need to target the specific pages with the build in body_class selectors. Themes have a template tag for the body tag which will help theme authors to style more effectively with CSS. The Template Tag is called body_class. This function gives the bodyelement different classes and can be added, typically, in the header.php's HTML body tag.


0

I made the activate page same as the rest of the site by adding this: require_once($_SERVER['DOCUMENT_ROOT'].'/wp-load.php');


1

There is a simple solution for this. Let the gallery use the 5 column grid system and using the @media-queries we can alter it for tablet and mobile. I just tested it on your given URL and it works perfect. But try to remove any custom codes you have used before since I had to remove it in order to use the following code. /* For displaying 3 columns on ...


0

I've made something like this: <div class="navbar-fixed"> <nav> <div class="nav-wrapper"> <a href="#!" class="brand-logo"><?php _e('Logo', 'newborn'); ?></a> <a href="#" data-activates="mobile-demo" class="button-collapse"><i ...


0

There is no need to use a walker here. This code will output the html from the mobile collapse example. <nav> <div class="nav-wrapper"> <a href="#!" class="brand-logo">Logo</a> <a href="#" data-activates="mobile-demo" class="button-collapse"><i ...



Top 50 recent answers are included