Hello! I am Towfiqul Islam, a freelancer web designer/developer from Bangladesh, working for 3 years now. Designing is my passion. Most of my design skills are self taught.
Other than web, print design, I design websites from scratch with XHTML, CSS, jQuery. I find website designing very challenging and interesting. I also build wordpress, Joomla and other popular CMS Templates.
Epione is a wordpress theme with 5 gorgeous skins.The name “Epione” derived from greek goddess of the soothing of pain.
You have to open up “other.js” file from your epione/js theme folder and find:
pause: 2000,
To change the speed you have to change this value to your desired need. The default is 2000 milliseconds. If you want to slow the slider down you have to increase this value and save the file.
[...] Epione WordPress Theme ( Demo – Download ) [...]
[...] Epione Tema WordPress ( Demo – Download ) [...]
[...] shows Popular Articles with Images and has a Featured Article Slideshow prominently placed on top. Epione WordPress Theme ( Demo – Download [...]
[...] you guys might have noticed but we have a new look for the site. Up to new we have been using the Epione theme. It is a great theme but we have had it for a while and felt it was time for a change up. [...]
[...] fawkes day stevie williams steve williams koch brothers weather phoenix dippin [...]
How do I make the front page a static front page, I don’t want
posts, just a page. I want to do this and keep the sliders.
Go to Settings> General and you will find the option to setup a static page as your homepage.
But when i do that the slider dissappears
How do I set up a static front page, but retain the slider in the latout?
Hi! How can I increase the size of the social network buttons on top of the page, and the ones below the post? Especially the ones below the posts:)
Thanks for your help!
Sorry Gayle, you can’t since they are images.
hi Towfiq !
how I can add an ads or banner in left at single post ?
Use a plugin.
hi Towfiq !
which plugin work fine with this theme ?
The Slider on our site shows the 10 pictures we have selected for our slider and then shows blank frames and never recycles..any suggestions?
Uninstall the sharedaddy plugin.
I am using JetPack not Sharedaddy for sharing.. if I remove that I lose stats
How do I put images into the boxes with the little cameras next to the post titles? And when you say settings do you mean epione options?
use the featured image option if you are using version 1.4 if your are using 1.3, attach image to your post and the image will automatically used as thumbnail.
Yes I have 1.3 and that worked. Thank you. One more question…The space above the post is that for a banner or is that for pictures of my pages that slide left and right? How do I activate that space?
I assume you are talking about the slider. Just select the category of the slider from Appearance> Epione Options.
hey, is there any way to change the speed of the slider?
Hi, the slider is showing the (4) post I want, then it’s showing (4) more blank pages with facebook links… Please help. I just want to see my (4) only. Thank you.
it looks fine to me. Although it looks like you did not set the number of slides from Appearance> Epione Options.
Thanks… 1 last question it’s about the “slider speed” I’ve went into the folder other.js changed it from 2000 to 10,000 and it’s still moving fast… I even deactivated and re-installed the revised theme pack with the changes already done. Thanks for your help.
Just checked your site, it is working fine. Press ctrl+f5 for a hard refresh and you will see the change too.
Thank you very much. The change did take affect. I guess I was being impatient. lol Sorry. Thanks a lot for your help.
Hi, I don’t know why the post-comment-link image is getting duplicated in my blog on the sidebar… Could you help me figure out why is this happening?
What’s your site address?
http://makemetacos.blogspot.com/ On the sidebar, I already changed the background and images, but can’t find the reason for those comment-links
No idea, add this line to your stylesheet:
.post-footer .post-comment-link{display:none!important;}and also add this line, it will take care of the slider overflow problem, while loading the homepage:
.slidercontent{overflow:hidden;}Hey, thanks a lot for the last advice.
Is there a way to avoid the automatic resize of the post preview images? What I want is to avoid the distortion when they get resized automatically.
Thanks
Add this to your stylesheet:
.post img{height:auto}
Thanks again!
Can you help me fix the css for the drop down menu? the submenu is not aligned with the it’s parent.
Here is my style for the menu and the html in the header:
/*MENU*/
#menu{margin-top:40px;margin-bottom:15px; width:1000px;float:left;background: none repeat scroll 0 0 #000000;border-top: 1px solid #FFFFFF;
}
#menu-left {
float:left;
display:inline;
width:570px;
}
#menu-right {
float:right;
display:inline; margin-right:15px;
}
.topmenu{}
.menu-header{}
.topmenu ul{ margin: 0;
padding: 0;
color: #FFFFFF;
font-family: ING, LiberationMonoRegular, Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 12px;
font-weight: normal;
letter-spacing: 0.1em;
line-height: 20px;
text-transform: uppercase;
list-style-type: none; border: medium none;
cursor:pointer;
}
.topmenu ul li{ display: inline;
margin: 0;}
.topmenu ul li a{ float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: black; /*background of tabs (default state)*/}
.topmenu li a:visited{
color: white;
}
.topmenu ul li a:hover, .topmenu ul li.selected a{
background: #fff; /*background of tabs for hover state, plus tab with “selected” class assigned to its LI */
color: #7661A4;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
-webkit-transition: color .5s ease-in-out;
-moz-transition: color .5s ease-in-out;
-o-transition: color .5s ease-in-out;
transition: color .5s ease-in-out;
}
/*sub-menu*/
.topmenu ul li ul.sub-menu, .topmenu ul li ul.children { position:absolute; z-index:888888; margin:0px; padding:5px 0px 20px 0px; width:159px; }
.sub-menu-bottom{width:159px; height:20px; float:left;}
.topmenu ul li ul.sub-menu li, .topmenu ul li ul.children li{ float:none; background:url(images/sub-menu_bg1.png) repeat-y;}
.topmenu ul li ul.sub-menu li a, .topmenu ul li ul.children li a{ display:block; width:133px; background:url(images/sub-menu_border1.png) bottom repeat-x; padding:4px 0px; font-family:Georgia; color:#000; font-style:italic; font-size:12px; height:auto;}
.topmenu ul li ul.sub-menu li ul.sub-menu, .topmenu ul li ul.children li ul.children{ margin:0px; float:left; position:relative; background:none; padding:0px;}
.topmenu ul li ul.sub-menu li ul.sub-menu li, .topmenu ul li ul.children li ul.children li{}
.topmenu ul li ul.sub-menu li ul.sub-menu li a, .topmenu ul li ul.children li ul.children li a{ padding-left:7px; font-size:11px; color:#feafb8;width:128px;}
/*MENU END*/
The HTML:
‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
<form role="search" method="get" id="searchform" action="”>
Search for:
<input type="text" value="” onclick=”this.value=”;” name=”s” id=”s” />
Sorry, here is the html part:
‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
<form role="search" method="get" id="searchform" action="”>
Search for:
<input type="text" value="” onclick=”this.value=”;” name=”s” id=”s” />
‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
<form role="search" method="get" id="searchform" action="”>
Search for:
<input type="text" value="” onclick=”this.value=”;” name=”s” id=”s” />
Drica can you share your site address? I will have to take a look at your website.
Thanks for the reply Towfiq. I think I got it…
Is it possible to display the HOME link on the menu bar in the header.php?
First setup a new menu following this instruction:
http://www.expand2web.com/blog/wordpress-30-custom-navigation-menus-video/
Then notice there is a box called “pages” in the Menus page inside this box there is a button called “All” click it and you will find a menu item called “Home”. Add it to your menu.
Hey! How can I change this so that it shows the full post instead of the excerpt. Also, Is there any way to alter the code so the slider shows just pictures instead of posts? Even if it’s complex, I can handle it. Thanks
1. Go to Appearance> Editor and select “front-page.php” from right and remove these lines:
<!--CALL TO POST IMAGE--> <?php $cti = catch_that_image();?> <?php if ( has_post_thumbnail() ) : ?> <?php the_post_thumbnail('medium'); ?> <?php elseif(isset($cti)): ?> <img src="<?php bloginfo('url'); ?><?php echo $cti; ?>" alt="Link to <?php the_title(); ?>" class="thumbnail"/> <?php else : ?> <div class="imgframe"></div> <?php endif; ?>and then find this line:
and replace it with:
thank you! front-page was the only place i hadnt looked!
Thanks for this. However, after changing to the content, the picture shows above my text as well as in the side picture. Is there a way to fix this? possibly to put it back to the excerpt and then alter the excerpt to show all text but not the picture, so the picture only goes on the side once? Much appreciated!
post your site address… let me take a look at problem.
Sorry, i figured it out. i just left it as the excerpt and modified the excerpt length from 55 words to 5000 in formatting.php under wp-includes. thanks!
Hi, how do I import the stylesheet to the editor for this theme?
Go to Appearance> Editor and select “Stylesheet” from right. Its already there…you don’t have to import it..
Hi! Thanks for such an amazing theme:) Quick question: How do you remove the underline from hyperlinks in text? I can’t find where this is in the CSS. I’d rather just have the color change, but no underline. What do I need to do?
Thanks!
Go to Appearance> Editor and select “Stylesheet” from right and add this line to your stylesheet:
.post p a, .postcontent a{text-decoration:none;color:#ffffff}
the color #ffffff will make the link color to white. Change the #ffffff with your choice of color code: colorpicker.com
Hi,
What if I want to leave the color, but just have the underline removed from the hyperlink? What code do I insert?
Thanks!
just this:
.post p a, .postcontent a{text-decoration:none;}
Thanks so much!!! Worked like a charm:)
Hey, I really enjoy your layout. But I have a question. The slider shows 4 pictures, and then it is left blank without recyclying photos. What should I do to have the photos recycled?
Thanks!
Uninstall the share plugin which is putting adding like buttons everywhere.
thank you soo much!
where can I find the comment form? I would like to change the look a little not just using css but moving things around. I just can’t seem to find where the actual form is.
Thank you.
its in the comments.php file. this is how the comment form is called:
Editing this would not be easy.
How do I upload pictures and have them look porportante in the slider? Right now the post is fine but the slider picture is skewed.
Upload this size of image: 450px * 230px
Hi, Im fairly new to wordpress in general. I really love your theme. But i do have 3 questions.
1. Is there a way to alter the background on the home page?2. Is there a way that my post on the front page shows a picture with that post, but the post itself doesnt show this?
3. Is there a way to let the post header shows capitals?
Thanks
1. first upload your image from Media>Add new and copy the file url after uploading the image.
Then Go to Appearance> Editor and select “Stylesheet” from right and find this line:
body{ background:#333 url(images/bg.gif); margin:0; padding:0; font-family:Georgia ,Arial; color:#FFF;}
and replace it with:
body{ background:#333 url(your copied file url; margin:0; padding:0; font-family:Georgia ,Arial; color:#FFF;}
2. You can do it with featured image. First download the latest version of the theme from the top of the page and then use the featured image option: http://www.youtube.com/watch?v=ZMZ323LA3Ko
3.Go to Appearance> Editor and select “Stylesheet” from right and find all the text-transform:capitalize value and replace “capitalize” with “normal”
hi there,
First thing, this is an awesome theme! i love it Thanks a lot.
Just wonder how can i do a few adjustments:
1. adjust the width of the single post page? right now it’s a bit narrow when i want to display some bigger images (cropped), would love to increase the width to say 900px for example.
2. How to make the slide box at top a bit taller in height?
THanks a lot
Both of the element that you wan to modify, are using static background image If you increase the width it, the background image behind it wont increase, so it will look ugly.
i see.. if i update the background images (i’m good with photoshop), then how can i adjust those settings?
Add these lines to your stylesheet:
.postcontent, .post, #single_content .post .post_content{width:900px!important;}
.wrapper, #menu{width:1200px!important;}
Thanks a lot! you are awesome
nevermind, figured it out