Sunday, 22nd Jan 2017

Tag Archive: web design

Tweaking previous and next post links in Graphene Theme

Graphene Theme shows previous/next post links above the current post. It is a nice feature which makes it easier for your blog readers to read your previous or next post. But if the post titles are too long, they may span across two lines and give your site an uglier look. It doesn’t look nice. …

Continue reading »

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 »

jQuery drop down menu in Graphene Theme

Drop down menus in the Graphene Theme works absolutely fine. But it shows sub menu items immediately when you hover on parent menu item. You can enhance the drop down menu UX with some jQuery animation. Follow this post to have a jQuery drop down menu in your site powered by …

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 »

Page 1 of 212