Tag Archive: CSS

Centering Menus in Graphene Theme

Header and Secondary menus in Graphene Theme are left aligned. You can align them centre using some CSS code. Centering menus is quite easy. Just add this to Custom CSS or child-theme style.css #header-menu { display: table !important; margin: 0 auto !important; }#header-menu { display: table !important; margin: 0 auto !important; } This aligns the …

Continue reading »

Permanent link to this article: http://www.prasannasp.net/centering-menus-in-graphene-theme/

Fixed position Graphene theme header menu

The Graphene theme header menu is placed just below the header image. It scrolls up/down with the page itself. So, the navigation menu is not visible all the time. But, it is possible to change it’s relative position to fixed position by adding some CSS code to Custom CSS …

Continue reading »

Permanent link to this article: http://www.prasannasp.net/fixed-position-graphene-theme-header-menu/

Styling first paragraph of posts

If you look at the first paragraph of this post, you can see that it is slightly different from the rest of the entry in terms of style. It has a different font, colour and the size is bigger than usual. This is one of the recent changes I’ve made in this site. Actually, I …

Continue reading »

Permanent link to this article: http://www.prasannasp.net/styling-first-paragraph-of-posts/

Adding hover effect for Graphene social media icons

Graphene social media icons in normal condition.

Social media icons in the Graphene top bar looks more elegantly if you add hover effect to it. For example, if you mouseover the twitter icon in top bar, it gets highlighted. Move your pointer over social media icons in my top bar for a live action or look at these images. This is how …

Continue reading »

Permanent link to this article: http://www.prasannasp.net/adding-hover-effect-for-graphene-social-media-icons/

Graphene Slider on other pages

By default Graphene theme shows Slider only on frontpage. But you can display the slider on other pages by using a child theme. It needs some coding knowledge, but it is not so difficult to do that. Follow these steps to get slider on other pages as well. (If you’re already using child …

Continue reading »

Permanent link to this article: http://www.prasannasp.net/graphene-slider-on-other-pages-modifying-theme-functions-using-a-child-theme/

Page 1 of 212

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.