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
In reply to: How to hide tag list between H1 and the rest of the page
December 22, 2018 at 10:48 am #50286I just switched a website from old graphene theme to Franz Josef and don’t find out, what I have to do to hide the tag list, which is shown between H1 and the post.
Go to Customizer > Franz Josef: Display > Posts. You can choose which element to hide there.
A second question is, if it is possible to change the height of the nav bar to a smaller value (maybe around 40 to 50 pixels) because I would like to have it less high.
Add the following code to Additional CSS:
.navbar-inverse .navbar-nav > li > a { padding: 15px 10px; } .navbar-header { line-height: 50px; min-height: 50px; }Is there somewhere a similar comfortable setup area for the main parameters like it was realized in the old graphene theme (1.x)?
All options are available in WP Admin > Appearance > Customize.
Admin
In Customizer > Graphene: Display > Columns Layout, set the Layout option to single column. Then, in your front page, set the Page Template to two-column. This only works if you’re using a Static Front Page.
Admin
Please provide a link to your site so that we can take a look.
Admin
Thanks for the feedback. We’ll update the readme file in the next theme update.
Admin
Thanks for the feedback. We’ll add the link in the next theme update.
Admin
Unfortunately using
site_url()will cause issues if WordPress is installed on its own directory instead of at the root of the server. Since the automatic search feature is front-facing,home_url()should be used to get the correct URL.Admin
In reply to: Automatically Configure Graphene Settings for Multisite Installation
December 10, 2018 at 8:40 pm #50227Site Icon, Menus, and Widgets are all saved by WordPress. They are not managed by Graphene, so you will need to find out how WordPress saves them in the database, and add those entries manually.
For Graphene’s Infinite Scroll, you can set them following the example below:
/* Code to run on site setup */ global $graphene_settings; $graphene_settings = graphene_get_settings(); $graphene_settings['inf_scroll_method'] = 'click'; update_option( 'graphene_settings', $graphene_settings );Admin
In reply to: Carousel Block ist too wide when having a second column
December 10, 2018 at 8:33 pm #50226Due to the structure of the page, you cannot use full-width or wide-width layout in the new WordPress editor if you are also using two-column layout in Graphene. Doing this will result in the block element to go behind the sidebar, as you have discovered.
If you’d like to use full-width or wide-width layout, you’ll need to set the page to use the Single Column template. This will remove the sidebar and you’ll have the full width of the page for content.
Admin
1. How to trigger my js code once a new color is selected from the color picker?
Colorpickers usually have their own event triggers when the selected color is changed. You can hook to these events. If you’re using the colorpicker that’s bundled with WordPress (it’s called Iris), you can use the
changecallback to include the function that updates the preview. Here is the documentation for that: http://automattic.github.io/Iris/#change2. How do you get js to change the link hover color? I know I can use code to change the color on mouseover but it seems to be this would be overkill for what I’m trying to acheive.
You can’t. The way Graphene does it is to actually add custom CSS to the page’s head that overrides any existing hover style. See below for an example of how this is implemented in Graphene.
/* Add a custom style element to add our styling */ $('head').append('<style type="text/css" id="graphene-preview-css"></style>'); /* Add CSS codes to the custom style element */ $('#graphene-preview-css').append('a:focus, a:hover, .post-nav-top a:hover {color: ' + to + '}');Admin
Better to use the
graphene_footeraction hook instead ofgraphene_developer. Then you can use the#graphene-dynamic-widget-graphene_footerselector in CSS.
