Tag Info

New answers tagged

0

We got it working. We used a plugin called the Javascript & CSS toolbox to store our individual code blocks and then we put the html code in the page content pane and it worked brilliantly.


1

You might want to try some online css generators like generatecss.com and css3menu.com just to save yourself from coding so much and gets to finish the work on time. Hope it helps you.


1

The background colour of the header in Twenty Fourteen is defined in /wp-content/themes/twentyfourteen/style.css at line #847: .site-header { background-color: #000; max-width: 1260px; position: relative; width: 100%; z-index: 4; }


0

If you add this code to your child theme's functions.php file it will append the style sheet link in your site's head with the child theme version instead of the Genesis version: define( 'CHILD_THEME_VERSION', wp_get_theme()->get( 'Version' ) );


1

You could use the slug of each term as class name (and do the styling via CSS) <?php echo '<div class="col-lg-3 ' . $term->slug . '">'; // $term->slug is the class name echo '<a href="' . esc_url( $term_link ) . '">' . $term->name . '</a>'; echo '</div>'; ?> If you want to use dynamic terms and colors I recommend ...


0

Create an option field, which includes all the attribute that may apply to background-image and hook a class on each option. Those classes will be the one who will dictate what attribute will the background-image reads.


0

This page seems to give a fairly detailed answer to your problem. http://www.blissfulinterfaces.com/making-wordpress-images-responsive/ Outline: The CSS Add the following code to your CSS file. That will make the images scalable according to screen size. Obviously change the class tag if you want to set up just for a specific image class ...


0

You can use a custom field to accept an image upload, then in your template set the background to the image corresponding to that field.


0

I'm not entirely certain of what you are trying to achieve, but I think it is to keep a footer of some kind fixed to the bottom edge of the window. If so, use the following CSS rules on the footer container: footer { position: fixed; bottom: 0; } To prevent page content from overlapping, apply a z-index value higher than the page content: footer { ...


1

I do not have enough rep to add a comment so I have to post an answer. Could you post the footer with and without those changes? This way we can see what you did to the file. Are you sure the website has not cached it's self for you and you are seeing an out of date version?


1

Just a simple php if to check the contents of the field before outputting markup. <?php if( $second_comment = get_field('second_content_block') ){ ?> <div class="page-content-text-additional"> <?php echo do_shortcode("[vr_jsp] $second_comment [/vr_jsp]"); ?> </div> <?php } ?> You can eliminate the need ...


0

Your code: ul#menu-menu-1 > li,a:first { margin-left: 0px; } You need to apply the first-child to the list element, and not to the link. You should also not have a comma. Comma indicates a new selection. Try this: ul#menu-menu-1 > li:first-child a{ maegin-left:0px; } *first-child does not work in ie8 and earlier.


0

As already pointed out, this is a CSS-specific question. Here is one approach to do this, anyway: /* Reset left margin for ALL items */ ul.menu li { margin-left: 0; } /* Set it back for any item that's not the first one */ ul.menu li + li { margin-left: 10px; } Depending on your current CSS, you might have to change the selectors (e.g., use a ...


-2

Resolved. Clear the browser cache (CTRL+F5)


1

From the link that you given the css properties applying to that image is #content img{ max-width:690px;} img { width:100%;height:auto;} Thats why it smaller images are also stretching. update your answer as: img { max-width: 100%; height: auto; width: auto; /* to make the image responsive */ } #content { max-width:690px;} check this fiddle


0

Before I answer this question, I would believe that you have already created a child theme. Reason: You should never make any changes to a theme/plugin that you are not the author of. This includes core files With that sorted, the behavior of the navigation menu in purely controlled by js, 77 /* 78 * Fixed header for large screen. ...


0

Are you trying to change the background color? If so, use background-color: #0066CC instead of color: #0066CC


0

Sounds like what you need is a page template. This will allow you to enter your PHP (and any other code) in the appropriate place to generate the content on the frontend. Starting with a copy of your theme's current page.php file is usually a good place to start. Modify the main area with your code, upload the file and select it as the page template in ...


0

Sounds like it might be easiest to slide some php right it into single.php, so it always displays and you don't have to worry about it. <?php echo '<a href="'.get_author_posts_url(get_the_author_meta('ID')).'">'.get_the_author_meta( 'display_name').'</a>'; ?>


0

add_shortcode('userpro_author_link', 'wpse_152910'); function wpse_152910( $attr ){ if( ! is_singular() ) return ''; $post = get_post(); global $userpro; $userpro->permalink( $post->post_author ); } You will be using [userpro_author_link] on your post content to display this.


1

I first want to start of by saying that I agree with what @Wyck said It's generally a bad idea to override a theme's CSS with your plugin, but adding a custom unique class/id to your widget should do the trick. You said @Wyck's recommendation did not work. I probably would think this is the way to go, and the only way as to make sure you don't ...


-1

You could do this with jQuery's .appendTo(): jQuery('head style').appendTo('body'); You can remove registered actions from 'wp_head' and register them with 'wp_footer' but the trick is determining which callback functions output the tag. Maybe you could use the $wp_filter global to find all functions hooked into 'wp_head', execute each one to an output ...


0

This is not a WP problem. Just move it with jQuery: $("header style").appendTo("footer"); Done.


0

WordPress doesn't actively participate in the process of actually serving your stylesheet file. It links to it in page source, but as actual physical file the handling of it isn't done by WordPress core and passed to the webserver to be served as any static file would be. ?ver=3.9.1 is added by default, if actual version isn't provided when queueing the ...


0

From firebug, you can see the ID name of the text widget, which is "text-some number" and this is what we need to customize. the specific WordPress widget has the class name "widget" (from class="widget widget_text".). All we need to do is add a new CSS selector to style the selected widget. #sidebar .widget #text-3564277 { background-color: #fff; border: ...


1

You wouldn't be able to add a FontAwesome icon by passing it directly to the ed.addButton(); method unfortunately. You can try a workaround however. If you leave the image : url+'/youtube.png' parameter out of the method then it will automatically create an empty <span> with the class of mceIcon & another class of mce_[plugin_name]. You can then ...


0

This is not a real answer regarding the question. The only effective but dirty solution seems to be in hooking into : 'option_active_plugins' and kick off all other plugins but yours. That of course leaves the admin interface in a very confusing state to the user but at least you can avoid collisions between modern Javascript applications or Javascript ...


0

The reason for the syntax error is this typo: <? php It should be <?php Secondly, you should use the wp_enqueue_scripts hook instead of the wp_head hook. Check out the Codex for more info on the wp_enqueue_scripts hook.


0

If you use google chrome you can check your code "F12". You can use the magnifying glass and click in image. When find the class you go to your style.css and put "float: left;" I hope help you ;)


1

The files are placed in theme folder at wp-content > themes > your_theme_folder There style.css is usually the style file which you can edit as per your requirements.


0

You can load first bootstrap.min.css and then after your main style.css and Set About Us as About, then your issue is solved.



Top 50 recent answers are included