Glad Ismael could help :)

Let us know if you have any other questions or issues.

@DigitalMedia – We’ll be adding some updated documentation with various code snippets like this pretty soon.

Regards,

Devin

Hi abundancing,

No, you can only have a single footer. But you could remove the footer with the Layout meta box options and then attempt to duplicate a footer using the Advanced Layout Editor layouts.

The background white stripe is because your background image has that at the top: http://markle.abundancing.us/wp-content/uploads/2013/04/paper_bg.jpg

@ Crippy, I don’t understand the question.

Regards,

Devin

You can do something like:

.post-entry-734 .avia-builder-el-11 {

border-right: 1px solid #333;

}

For a very basic border but creating a layout like what you are describing is far beyond what we can do via support. You will need to have a freelance developer create that for you if you aren’t familiar with the needed css.

Other options would be using the Icon box element inside columns or a border image inside a regular text block that is set to float right or left.

Really the best option available is to just play with the various elements with the advanced layout builder and see if you can create a layout that works for you using those elements.

Regards,

Devin

Hi,

I tried to view the source to see the code but sadly it was just an image. Please provide a url to the live site since there are so many ways to customize the theme there are always multiple paths to reach the same result with each requiring its own solution. There are 5 headers for example so its difficult to answer about the mega menu. Also you customized a lot yourself. If you are using a maintenance plugin, please create a password we can use to see the theme and you can always use http://www.goo.gl to hide the url.

Thanks,

Nick

You can include a secondary option for retina with something from: http://css-tricks.com/snippets/css/retina-display-media-query/

I’ve edited your previous posts and will mark this resolved for now. The css tricks retina trick is basically just duplicating what you have now for the background image except you will use a higher res image and it will only take effect on retina.

eg:

@media

(-webkit-min-device-pixel-ratio: 2),

(min-resolution: 192dpi) {

/* Retina-specific stuff here */

#top .social_bookmarks_tumblr a {

background: url(.......uploads/custom/apple-retina.png) no-repeat center;

}



#top .social_bookmarks_tumblr a:hover {

color:#fff;

background: url(........uploads/custom/apple-hover-retina.png) no-repeat center;

}

}

I get the issue as well in most circumstances but its isn’t necessarily something that is “fixable”. Different browsers just render content differently and depending on the page layout (fullscreen slider, big images etc) there may or may not be some jitter with how its rendering the big fixed image backgrounds.

Hi,

When you upload every single image, it is saved in 20 sizes (or however many sized you see in Settings > Media since it doesn’t know where you will use it, it saves it every possible way but keeps the original as well. So when you regenerate, it takes the original image you uploaded and makes an extra size which is new compared to first time it saved all 20 images.

It adds to the end of each image it resizes the dimensions and saves the new image with the same name you uploaded it plus adds the dimensions at the end hello.jpg becomes hello.550×320.jpg for example plus how many other sizes the theme needs. When it resizes it checks database for the sizes used in the theme and compares them to the image files located in the folder by stripping the ends of the images which contain the dimensions 500×320 and compares that to the database, if different, it creates a new copy of the image with the new size and name and saves it.

size of image is only checked against database name which you can see in Settings > Media that distinguishes each of the images. Name of Image is mapped to Location Name in Theme. So you can have every single image location be 550×320 and it will know exactly which images belong where.

Rectangle is just a word used so we people can easily deal with it. You can call it a circle if you like or 34jkkjh, it makes no difference to the code, it will just map it. Kriesi named it rectangle but he could have called it puppy or x3333e.

To use it properly , press the regenerate button and it will do everything for you. If it sees that there is already an image with that identical name and that identical size, it will skip, however you can not upload 2 different images with an identical name into the same folder, since the second image will overwrite the first.

This is the power of wordpress, that there are thousands of these plugins that extend the functions of each theme. You should spend some time in the plugin repository, they got a lot of neat stuff there.

Thanks,

Nick

I think Nick misunderstood what you were trying to do. The image file route is your best bet to have simple images that can be used with a social plugin that allows you to choose the images for the buttons.

The issue you’ll run into is that css doesn’t exactly translate to something like photoshop or gimp. The css will give you hints but the actual effects will just need to be re-created by eye.

Hi,

I am gonna assume the size of your image that you want is 950width and 150 height. So change as appropriate

---

Image Size on Main Blog Page.

Ok . The instructions above that you followed would create the image size you want, but on the main blog page ,

just need to follow one more step http://i.imgur.com/JvxGDYc.png

Here you can see dimensions on the main blog page http://www.clipular.com/c?10253053=zR5ebPSB_qN2exkurXg8R_3Noxw&f=.png

---

Instructions for Individual Blog Posts (image size)

On the individual blog pages, i think the image size is set 180×180, correct? So you would need to go to Media > Settings and find where it says 180×180 and change it to 950×150. And looking on that page I see there is Square Size which is 180×180.

1. Now change it to look like this http://www.clipular.com/c?10254053=SGwlS2E0lQX-vEP-h2NvIAcZ2xE&f=.png

2. Then you need to regenerate like this: http://www.clipular.com/c?10182062=f2f4ilB119SKyxouKSLoeM_OaNw&f=.png

3. Save (below regenerate button)

4.You must add this css to /css/customl.css or it wont work.

#top.single-post .small-preview {

width:950px;

height:150px;

}

#top .fullsize .template-blog .blog-meta {

width:950px;

}

#top .fullsize .template-blog .post .entry-content,#top .fullsize .template-blog .post-title,#top .fullsize .template-blog .post .entry-content>* {

max-width: 900px;

}

(if regenerate doesn’t work, then just delete the blog post image, and upload it again and it will be of the correct size. it means you don’t have enough memory and will have to re-upload the blog post images one by one. However it works almost always).

Here is how it looks for me now resized: http://www.clipular.com/c?10247086=2szwOylwNrX5oZgEMqHfLbowhtQ&f=.png

Thanks,

Nick

Hi,

Yes, most tutorials leave that part out, but if you think about since technically you can make a copy of the parent and dump it into the child that would work while dumping all the files into the root child folder may have problems if every file of the parent in different folders is called ‘índex’. Of course that would be a bad idea since that’s extra overhead. But the idea is same. To override an image, just drop the new image in the same file structure creating empty folders till you get far enough where the image is located in the structure to add the new image.

If you have other questions, always feel free to ask them,

Thanks and enjoy the theme.

Nick

Hi,

I don’t see any blog posts or footer problems using latest Chrome on Win7. I reloaded the http://re,,,,.com/hello-world/ page 10 times and clicked around the site using IE and all looks the same as on Chrome. I can’t reproduce what you describe and since nobody else is experiencing this, the plugins are responsible or whatever customization you added.I would get a fresh version of the theme. Reinstall WordPress Core, clean out the database, and slowly add everything back , one step at a time.

Lazy loading is causing that little image to the left of the title here http://www.clipular.com/c?10244042=cJCmL8KO66n2yBZTs3VpcyIepjA&f=.png

At the bottom of the homepage that popup can’t come up since it is triggered further down so that causes a little problem that you can never reach the bottom of the page. That’s the only thing i see. As you can tell by above image, all else looks fine.

Thanks,

Nick