Etrigan

Etrigan is yet Another Powerful Feature Packed Theme which you may wanna use for your blog. The speciality about this theme is its fast loading nature and light color scheme. It is suitable for all kinds of blog, as it offers multiple layouts to showcase your blog. Integrated with WooCommerce, it will help you set up your eCommerce site as well.

Let’s Take a Look at Some of the Major Features of the theme.

  • Responsive
  • Retina Ready
  • Featured Content Areas
  • Featured Product Areas
  • Main Slider
  • Multiple Blog Layouts
  • Built on Customizer for Live Editing of the theme.
  • SEO Friendly
  • Customizable Menu

If you need any help using Etrigan, feel free to drop a comment below and I will try to answer your queries.

FAQs

How to Add a Logo?
Go to Dashboard > Appearance > Customize > Site Logo, Title & Tagline. 
How to Configure the Menu Bar

Go to Dashboard > Appearance >Menus. This theme supports 1 Menu, You can Disable them Completely. To Do so, set these menus to any Empty Menu.

Primary Menu – This is the Menu which shows up at the bottom of the Header.

How to Use Menu Description?

To Enable Description of Menu Items, in the Primary Menu Bar,

Go to Dashboard > Appearance > Customize > Navigation.

And on Top, click on “Screen Options”. Then Check  Description.

Screen Shot 2015-04-26 at 2.23.39 am

After, that You Will see a new Field called Description in the Menu Item.

Menus ‹ ProtoPress — WordPress

To Disable Description of Menu Items, Go to Dashboard > Appearance > Customize > Navigation, and Disable it from theme.

How to Add Icons to Menu Bar Items?

The Primary Menu bar Supports Font Awesome Icons, So You can add those to Menu Bar. To do so, Once you are Editing the Menu Item, in the “Title Attribute” as highlighted in above image, enter the class for the icon you want. To get the value of Classes, go to Font Awesome. Search for you icon, and prepend “fa-” to it, and enter in the  Title Attribute. For Example, home becomes fa-home, and file-image-o becomes fa-file-image-o.

How to Set up Sliders, and Featured Product Showcase

Go to Appearance > Customize > (Featured Product Showcase|Featured Posts Showcase|Main Slider)

Everything you need to do is here. Just make sure that there are enough products/posts in the categories you select.

How to Set Header Image?

Go to Appearance > Customize > Header Image. Recommended Header image dimensions are 1200*400px.

How to Set Image Thumbnails for Posts?

While you are Editing the Post, Scroll to Bottom and Click on “Add Featured Image”. These Featured Images will show up as Post Thumbnails by default. For More Details, read this.

How to hide Featured Images on Posts?

Go to Appearance > Customize > Design & Layout > Custom CSS and add the following:

.single .wp-post-image { display: none; }

How to Set Up Everything Else like Slider, Social Icons, Featured Posts, etc?
Please Pay a visit to Appearance > Customize. Every setting for this theme is in there. 
How to Fixed Blurred Product Images, or Improper size of Images?
Go to Dashboard > WooCommerce > Settings > Products > Display.
At the bottom, you will see various product image sizes. Change it higher values. Minimum Recommended values are 600*600 for best performance. Higher values could effect site loading speed a little.

31 comments

  1. Hi!

    I like the theme, but having problems with the header image.
    The image becomes blurry and goes grayish when I’m on the blue skin.
    On the orange skin the image stays clear and colorful, but only scales for about half the page.

    Anyway to fix these problems?

  2. Hi, the pictures in the blog post outline are not equal .
    I want buy the pro version you have a German support ?

  3. Hello, I like the theme, also having problems with the header image.
    The image becomes grayish on any skin. i reload the image from the site and is normal, the template is making something when is displaying it. do you have any fix ?

    1. That is intentional. It helps in making the Header text readable. But if u have not header text. Add this to Custom CSS to make the header image bright.

      #header-image img { -webkit-filter: brightness(1); filter: brightness(1); }

  4. I like the theme very much, looking at going pro with when my site goes live however i am not able to see the menu from my mobile phone

  5. Hi, I love the theme but I’m having trouble with the 3d pr.oducts slider. It doesn’t slide and doesn’t go to the products and the bar with the writing goes over the edge of the image on the right hand side

  6. I just checked it works on my iphone but not my laptop. But on my iphone the related products don’t align properly on my iphone but the look fine on my laptop

  7. Hi Rahit,

    I have this theme on two different sites but for some reason the featured image in the blog posts behaves differently on my iphone for the two different sites. WHen I go to the blog posts page on one site the featured images show up. But on the other site the featured images don’t show either in the blog post page or in the post themselves. I couldn’t find any settings that may have caused this – but i may have just missed it. They both work fine on my PC

  8. Hello,
    can you give me a hint where to change the collapsed navigation-menu background-colour (dark-greyish) at mobile view?
    It doesn’t seem to apply my changes made in style.css, default.css and/or slicknav.css

  9. Your theme comes with a header that is 2400 x 490 and seems to crop down to 1200 x 245

    The 245 height looks good. Yet, if I change the header, I’m forced with a 400 height. Why????

    This is misrepresentation of your product in my opinion. I should be able to use a header with the same dimensions as your demo!

    1. Never mind. I guess if you upload it with a height of 245 then it will work. I just thought you had to use the crop feature. You can delete all of this if you want.

  10. Hi I’m having an issue with the trending section. The boxes are all over the place. Even after regenerating the thumbnails it is still having this issue.

    1. Hello,

      For the trending section to work. The Images must have a minimum size of 600*600px.
      If your images are smaller than that, they will not be resized.

Leave a Reply to Kerry Cancel reply

Your email address will not be published. Required fields are marked *