Hi,

Sorry for the delay, it is my fault.

The background image can only be used when the theme is in boxed layout. There is no background image in stretched layout. So in a boxed layout a full width slider will not be able to be full width but only as big as the boxed layout. When there is no background image (stretched layout) the layerslider can also stretch fully.

You can include a background image via css yourself.

Try adding the css code below to Quick CSS located in Enfold > (Theme Options) > Layout Styling … the text area on the bottom of the page… or you can add the code below to /css/custom.css at the end of the file:

.bg_container {

background-image: url(https://enfold2.dev/wp-content/themes/enfold/images/background-images/floral-dark.png);

background-position: center center;

background-attachment: fixed;

background-repeat: no-repeat;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

height: 100%;

width: 100%;

position: fixed;

z-index: 0;

top: 0;

left: 0;

}

You can use your own image ofcourse.

And in the backend, set to no background image.

Thanks,

Nick

Hi,

The only thing on that page I dont see centered is the Profesjonell fotograf i Fredrikstad og Sarpsborg . The reason why its not centered is the invalid html tags you are using. Please take a look at yours

<h2 style=""text-align:" center;"="">Profesjonell fotograf i Fredrikstad og Sarpsborg</h2>

and this is how it should be (correct way)

<h2 style="text-align: center;">Profesjonell fotograf i Fredrikstad og Sarpsborg</h2>

You are using wrong html in your portfolio, please clean it out of all the garbage tags you have

<div class="avia-testimonial-content">

<h4 style="&quot;text-align:" left;"="">

Anbefales, topp resultat</h4>

<p style="text-align: left;">

Fotograferingsdagen kom endelig, og etter å først å ha kjørt oss bort i Sarpsborg, ble vi møtt av Marius. Førsteinntrykket passet godt med en veldig&nbsp;<strong>

<em>

hyggelig epost</em>

</strong>

&nbsp;utveksling for å finne tid og sted. Problem nr. 1 er jo hva skal man ha på seg til en&nbsp;fotografering?? Fikk også her&nbsp;<strong>

<em>

gode råd</em>

</strong>

&nbsp;av fotografen.&nbsp;Det ble en&nbsp;<strong>

<em>

artig opplevelse</em>

</strong>

&nbsp;å være med på&nbsp;familiefotografering&nbsp;med 2 små viltre krabater som ikke var helt interessert i å høre på verken fotografen, mor eller besteforeldre. Vi opplevde fotografen som&nbsp;<em>

<strong>

utrolig tålmodig</strong>

og <strong>

utholdende</strong>

</em>

&nbsp;og fikk se resultatet noen dager senere – her var det fanget opp&nbsp;<strong>

<em>

mange flotte positurer og ansiktsuttrykk</em>

</strong>

&nbsp;både av barn og voksne. Utveksling av bilder mellom oss som kunde og fotografen fungerte veldig bra, i disse elektroniske tider, vi fikk bildene til gjennomsyn, men da dukket problem nr. 2 opp, hvilke 15 bilder skulle velges – det var helt umulig så bestillingen ble mye størren enn først planlagt. Vi fikk ganske kjapt tilbake de redigerte bildene og&nbsp;<strong>

<em>

resultatet er kjempeflott</em>

</strong>

, da er vi ved problem nr. 3, hvilke bilder skal forstørres. Hvem skulle tro at en så “enkel” operasjon skulle by på så mye hodebry! Vi klarte å velge ut noen bilder som nå er sendt til forstørring og venter spent på dette resultatet.

</p>

<p style="text-align: left;">

Med andre ord kan vi ikke annet enn bare&nbsp;<strong>

<em>

anbefale Wallin som fotograf</em>

</strong>

, både i forhold til bestillingen, fotograferingen og leveringen, alt til mer eller mindre avtalte tider uten noen særlig forsinkelser enn helligdager i jula.

</p>

</div>

Please switch between text and code view and make sure that your html tags open and close and dont overlap.

Thanks,

Nick

Hi,

Yes, at the moment it is visible though this is a good suggestion that I recommend you add to the https://kriesi.at/support/topic/enfold-feature-requests Feature Requests since I dont think I saw that one up there and it makes sense.

Thanks,

Nick

Hi,

Yeh my bad for structuring my reply in a way I wanted to structure the css article lol. So the tone was not directed at you but at the top10 results on google. I wanted that indignation … in any case…

Don’t worry about my time. I am gonna write an article up anyhow …

http://kriesi.at/themes/enfold/shortcodes/iconbox/ <— iconbox

Do you mean the glyph? The heart and star?

Or do you mean placing an image inside there.. Really need to see the css and look at it through chrome developer tools. I would guess there is no height set on the image container probably. or the height on the image is smaller than the height on the container and possibly a height set to auto somewhere. Hard to tell without seeing anything.

Thanks,

Nick

Hi,

Sorry, I was being serious. Because I have a ton of problems also finding the right media query for the ipad, and I always wanted to get those sites in top 10 google serp for ipad media queries, whose queries don’t actually work (iphone too). You think I came up with that huge plan spur of the moment? I just figured you got a website and we can do this test and maybe get a nice article write about it. Sorry if it came out differently.

This is as best as I can figure it out:

1) There are a number of versions of iPad. Which one are you targeting?

2) What browser on iPad are you targeting? (if its Safari, it has its own media queries specific to it, and also specific whether ios version is 5 or 6

3) Retina enabled or no?

4) What is the dpi?

Now with these settings we can try to make something that will work, but not for every single iPad (this is my theory) It should work on a specific ipad for which the media query is being built, but it probably will not work on every iPad. (again my theory).

I don’t have an iPad anymore. (kids , lol) but I can help you as far as I know. I still think this test with 8 pages would get some nice backlinks for you since i haven’t seen a css article like that for media queries.

Thanks,

Nick

Hi,

There are 8 versions of ipad media queries according to my count of different CSS websites , written by both gurus and others by spammers who just want their article in top 10 for the keyword, and most of the top 10 results seem to not work correctly. I saw we do a test, of the css media queries, and can get a nice article out of it I think that might just get to the top 10 for the ipad media query keyword.

But before doing that let’s double check and set this up like this:

Best way I think to do that would be to create 8 pages, and insert into each page a widget area. To each of the 8 widget areas need to add 8 different custom sidebars. And to each custom sidebar need to add the Enhanced Text Widget ( http://wordpress.org/plugins/enhanced-text-widget/ ) . And paste into each enhanced text widget 1 different media query to test. So this way at the end you will have 8 unique sidebars, each sidebar attached to its own page so that each one has different media queries from different sources.

I think it would be a killer article.

—

Media Queries are tough, especially when trying to target a screen size in portrait or landscape and may require lots of css adjustments. The answer is in those URLs. This is tedious but there is no 1 switch solution for customizing for a specific screen size. Lots and lots of css will have to be tweaked though it is likely to work on some but not all ipads.

Thanks,

Nick

Hi,

I am sorry. Quick CSS is located in Enfold > (Theme Options) > Layout Styling at the bottom of that page there is a text area.

Alternately you can add it to /css/custom.css file.

The demo page shows 6 different tab configurations, so it should work if I guessed the right one you are using.

This applies to every page that has that type of tabs object on it. If you want to limit the functionality to a specific page, you can add #top.XXX before the css, and replace the xxx by a class found in the <body tag of the html when you view page source. Without seeing the page , I cant help you better than that.

So that if you view source of the page in a browser where you want the css to act on, and find the body tag, it will look like this

<body id="top" class="single single-chalet postid-131 stretched helvetica-neue-websave _helvetica_neue ">

So in this case i would take out postid-131 and then change the css code to

#top.postid-131 .main_color .tabcontainer .tab_counter_1 {

color: #F00;

}

Thanks,

Nick

Hi Per,

I just answered in your previous topic but I’ll do so here as well http://docs.kriesi.at/enfold/documentation/index.html

Please don’t make duplicate posts as it makes it more difficult for searching and for us to answer.

Regards,

Devin