How do I duplicate my site just like the demo Agency theme?

[Sunil]

Hi,

My site is http://www.onetimewonders.com. I've followed the instructions on how to import the xml file to duplicate the content and make it look like the Agency demo site. But I just couldn't do it. If you take a look at my site now, its a total mess.

Can someone help me with this?

Thank You.

Regards,
Sunil

[Charlie]

If you followed the instructions exactly, then it should work. To recap: go to Tools > Import > WordPress. Select your xml file. Make sure to tick the include attachments. Hit submit.

[bandj]

recheck your header right widget area with the instructions for adding the menu.

[RMS]

This is probably a stupid question, but do you use the XML file from the agent press file, or the sample file?

Thanks!

[Sunil]

I've actually followed all the steps for my other site which is http://adultacnetreatmentreviews.com. It came almost close to the Agency theme demo site. But tried as much as I could, it still cannot display the round menu buttons at the bottom to appear in the center.

If view my site on any version of IE browsers, it doesn't look good at all. The curved edges of the slider isn't there. I have been struggling with the slider codes for quite some time and still did not succeed.

So RMS, if you think this is a stupid question, then try duplicating the Agency demo theme on your site. That is IF YOU CAN!

[RMS]

I think you misunderstood my question.  I was asking the other guys because I was having the same troubles you were.

[Sunil]

Haha! Sorry for the misunderstanding RMS! I guess we are in the same boat after all. I've already posted this topic a couple of times and I did receive some recommended tips. But it all didn't work. So I'm a little bit frustrated.

All I wanted to do is to see the css script for the slider settings on the Agency Demo site. I'm using firefox browser to see the css scripts through the firebug feature of the browser. But still I haven't the slightest clue how its done.

The demo site looks good in any browser.

[Sunil]

I also wanted to place the blue READ MORE button, but couldn't  do it at all. 🙁

[Sunil]

I've managed to add the Continue Reading blue button. But its very close to the last row of the text. How can I make the blue button appear on a new line?

[ablewebs]

Agency Theme: I am also having problems with the Continue Reading button in the Genesis Responsive Slider (excerpt option). It is partially on top of the last line of text. I would like it to be below the last line of the text. I found a solution to that, but then the button expands automatically to fill the width of the excerpt area. That doesn't look good.

[Sunil]

Hi there!

Yes, I know what you mean. Till today, I did not get any solution for this problem. The Agency sample site looks fantastic but unfortunately, just could not replicate it.

I've even tried getting the technical support team to help me with this issue and none of them could solve it. I've given it up and just let it be. 🙁

[ablewebs]

I even tried the Genesis Bootstrap Carousel (based on the Genesis Responsive Slider) and the exact same problem happens with the Continue Reading button.

[Sunil]

This is the problem. The slider is working dependently to whichever page or posts you associate it with it. In this case, you have to add the ids of the pages or posts on your site on the slider setup.

If you have any image right at the top of the posts/page, the CONTINUE READING blue button ends up very close to the last line of the excerpt. Even after placing the page break code on the posts, it doesn't work.

The sample Agency theme site, has no pics right at the top of the posts. That's why their slider looks good. As for my case, I need to place the image of the product review right at the beginning of every product review posts.

I asked the technical helpdesk side whether is it possible to make the slider an independent plugin, and they said its not possible.

[ablewebs]

I'm not sure that's the issue... I am not using any images in my pages (I'm not using posts). I have the Featured Image set up, but it hasn't been added to the content. The content is straight text.

[markmelch]

@Sunil,

For the button, perhaps try adding "display: inline-table;" to "#home-slider a.more-link {".

Or maybe even "display: block;" and "text-align: center;"

[ablewebs]

Whoohoo! That fixed it even though I'm not using the "more" option on my pages! (Note: I used display: inline-table.) A thousand thank you's!

[Sunil]

Hi Mark,

Ok. This is my site now currently running on the Agency theme. http://adultacnetreatmentreviews.com. Below is the code I've extracted from the editor of my wordpress panel.

----------------------------------------------------------

#home-slider {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 2px #999;
-webkit-box-shadow: 0 1px 2px #999;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 1px 2px #999;
margin: 0 0 20px;
width: 100%;
}

#home-slider p {
padding: 0 0 25px;
}

.agency #genesis-responsive-slider {
-webkit-font-smoothing: antialiased;
border: none;
margin: 5px;
padding: 5px 0;
}

.agency .slide-excerpt {
filter: alpha(opacity=100);
margin: 0;
padding: 22px 40px 22px 20px;
opacity: 1.0;
}

html > body.agency .slide-excerpt-border {
border: none;
margin: 0;
padding: 0;
}

.agency .slider-next,
.agency .slider-previous {
margin: 0 -40px;
}

.flex-control-nav li {
display: block;
float: left;
margin: 0 0 0 5px;
}

.agency .flex-control-nav {
margin: 20px auto;
}

---------------------------------------------------------------

I've tried adjusting the display block codes multiple times suggested by other technical staff and nothing worked. See if there is anything you can do about rectifying the above css code.

[markmelch]

@sunil You need to modify the styling for a.more-link. I see it in 2 places. One chunk of code starting at line 1225 (pasted below) and one at line 1237. You may be able to put #home-slider a.more-link { display: inline-table; } at the end of your style.css. You may need to add !important.

input[type="button"],
input[type="submit"],
#home-slider a.more-link {
	background: url(images/button.png) 0 0;
	border: 1px solid #6297ad;
	color: #fff;
	cursor: pointer;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	padding: 6px 7px;
	text-decoration: none;
	text-shadow: 1px 1px #47819b;
}

[Sunil]

Hi Mark,

Ok. I'm very paranoid of messing up the editor. There was once I made a mistake and my entire site went blank!
This happened despite me copying and pasting the entire css.style codes into notepad.

I pasted back the original codes, and it still did not work! Eventually I have to request my host to rectify the mess.

Can you tell me what exactly I should do? Should I delete the entire code chunk staring from line 1225 as you have mentioned?

When you mean placing the #home-slider a.more-link { display: inline-table; } at the end of the style sheet, do you mean right at the bottom of the style sheet or at the last line of the slider settings css code? Also where do I exactly place the !Important code?

[markmelch]

Sunil, The safest thing to do is to just put #home-slider a.more-link { display: inline-table; } as the last line of the style.css file of your child theme. If you need to use !important it will look like #home-slider a.more-link { display: inline-table!important; }

[Author]

Posts