Syahir Hakim
KeymasterKuala Lumpur, Malaysia
When not perched on my workspace, I tremendously enjoy hiking in the bushes and climbing mountains. They serve as much-needed refuges from the pretense of cities.
Forum Replies Created
-
Admin
… but I would prefer using the method I was using before, rather than your code as it is now, if only because it allows me to try more custom things with the slider.
🙂
May be so, but it has one important caveat: you will lose those changes when you update the theme. So you’re stuck between not updating the theme, or having to make the changes again when you update.
But since you seem to be quite comfortable with that, I’m gonna stop here.
For properties that need numerical values, you use
0. For properties whose features are defined by other than numerical values, you usenone.Examples:
border-radius: 0By definition, radius must be some numerical value. Even though border radius of 0 effectively means no radius, you must have some numerical value to define a radius other than 0.
border: noneEven though you would think that border needs numerical value to define the width of the border, in this case
borderis actually a shorthand of multiple border properties. Specifically, you can specify the following properties of the border inside just that single line ofborder: valuesproperty:border: <border-width> <border-style> <border-colour>As you can probably guess,
border-widthtakes numerical value, e.g. 0.border-styletakes the type of style to use, e.g.solidfor solid line, or simplynone, means no style, which effectively means no border.border-colourtakes a colour value to be applied to the border.So when you write
border: none, it’s the same as writingborder-style: none. When writingborder: 0, it’s the same as writingborder-width: 0. So in this case, because of the shorthand propertyborder, both0andnonewill work.Other examples:
margin: 0
padding: 0
list-style: none
background: none
text-decoration: noneNote that it’s not necessary to write
0px. Just0will do.WP Admin > Appearance > Graphene Options > Display > Text Style Options.
This is a bug in the particular version of the theme that you’re using. It has been addressed since.
Just update the theme to the latest version and the issue should be fixed.
You would need a child theme for this. See this page for guide on how to create a child theme:
When you’ve done that, create a
functions.phpfile inside your child theme. Then, add this code into that file:<?php
function fsp_phone_tracker(){
?>
<!-- Place the tracking codes to be put near the closing </body> tag here -->
<?php
}
add_action( 'wp_footer', 'fsp_phone_tracker' );
function fsp_rztrkr(){
?>
<!-- Place the tracking codes to be put inside the <head> tag here -->
<?php
}
add_action( 'wp_head', 'fsp_rztrkr', 5 );
?>And that should do it.
It’s probably best to use a plugin for this. For images, NextGen Gallery is a good one.
You still can. Remove the margin and replace all instances of
graphene_grid_width( '', 16 )with
graphene_grid_width( 20, 16 )Scrap all the changes that you’ve done, and follow these steps instead:
1. Place this code into your child theme’s
functions.phpfile:/**
* Move slider to outside of the #content-main div
*/
function graphene_move_slider(){
global $graphene_settings;
if ( ! $graphene_settings['slider_position'] ){
remove_action( 'graphene_top_content', 'graphene_display_slider' );
add_action( 'graphene_before_content-main', 'graphene_display_slider' );
} else {
add_action( 'graphene_bottom_content', 'graphene_display_slider' );
}
}
add_action( 'template_redirect', 'graphene_move_slider' );
/**
* Adjust the width of the slider container
*/
function graphene_resize_slider(){
$width = graphene_grid_width( '', 16 );
echo '<style type="text/css">.featured_slider, .slider_post {width: ' . $width . 'px !important;}</style>';
}
add_action( 'wp_head', 'graphene_resize_slider', 1000 );
/**
* Adjust the slider's background image width
*/
function graphene_resize_slider_image_width( $width ){
return graphene_grid_width( '', 16 );
}
add_filter( 'graphene_slider_image_width', 'graphene_resize_slider_image_width' );2. Place this code into your child theme’s
style.cssfile:.featured_slider {
margin-left: 10px;
}And…. voila!
Note that you would need to rebuild your thumbnails for the slider’s background images to reflect the new size. I would recommend the AJAX Thumbnail Rebuild plugin.
In reply to: Amazing Graphene Theme – Plz don't say it is not Graphene Theme – http://kockyn.com/
April 12, 2012 at 11:53 pm #27619Nice customisation!
Add this to your Custom CSS or your child theme to fix the location of the down-pointing arrow in the menu:
#header-menu > li.menu-item-ancestor > a {
background-location: -877px -228px !important;
}
#header-menu > li.menu-item-ancestor:hover > a,
#header-menu > li.current-menu-item > a,
#header-menu > li.current-menu-ancestor > a {
background-position: -877px -184px !important;
}You should be able to access the forum now.
