Sunday, 10th Aug 2014

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; } This aligns the header menu to centre of the header menu wrap. …

Continue reading »

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 »

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 »

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 »

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 »

Page 1 of 212