Forum Replies Created
-
AuthorPosts
-
every page of your site has its own page-id in form of a class to body ! (look to the source code of the concerning website page)
so if you don’t want to install a plugin the only way is to set up for each page-id a unique rule in quick cssso if you have the code above set up first the non-changing rules:
.main_color { background-attachment: fixed; background-clip: border-box; background-color: #ffffff; background-origin: padding-box; background-repeat: no-repeat; background-size: cover; }
and than for every page (even if home page got it) for example.
.page-id-31 .main_color { background-image: url("//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-VERONA-GIORGIO-DAL-MASO.jpg"); } .page-id-65 .main_color { background-image: url("//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-ROMA-GIORGIO-DAL-MASO.jpg"); }
you can see it here : http://webers-testseite.de/enf02/ and here http://webers-testseite.de/enf02/company/
and i only set up in quick css :
#wrap_all, #main { background: transparent !important } .main_color { background: rgba(255, 255, 255, 0.8) }
by the way : maybe this is a nice little plugin – http://inoplugs.com/portfolio-item/wp-backgrounds-lite-version/
on every page or post you can choose a different background image – and i think it is set to cover and fixed allready
.main_color { background-attachment: fixed; background-clip: border-box; background-color: #ffffff; background-image: url("//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-VERONA-GIORGIO-DAL-MASO.jpg"); background-origin: padding-box; background-repeat: no-repeat; background-size: cover; }
cover means that it stretches the image to the limitating size and the other one goes to auto
see difference to contain instead of cover
it is now in maintenance mode !
if these text blocks are repeated every time you can give them a custom class.
Do that and than we find that way you like. in the absence thereof i selected that special block by doing that trick.And we should then better take relativ width like 70% to stay responsive !
something like this – so you have to set the custom class “blocksatz” and do:
.blocksatz { margin: 0 auto; text-align: justify; width: 70%; }
btw: very nice photos !!!
- This reply was modified 8 years, 8 months ago by Guenni007.
why are you using the stretched layout?
If you want something behind your Content to see – you have to have something semitransparent on your site!this here is a handmade yaml4 site which is made by a trainee of mine. you want that this effect is on your page ?
btw. on wordpress everytime you press in a text-editor a return an auto p was set. (wpautop)
you only have the choice to avoid that by pressing the shift key.look here – before the justify rule can have any effect on this text a p tag closes the one-sentense thing.
those sentences which are long enough ends on the right side.
these textblocks in one
<p>…</p>
tag are too short- This reply was modified 8 years, 8 months ago by Guenni007.
March 9, 2016 at 2:25 pm in reply to: Linie zwischen Layout Elementen entfernen (die Zweite !!) #595564also ohne die Seite zu sehen ist das schwer zu sagen.
Da musst du dann eben warten bis ein Moderator hier vorbeischaut – falls du im private Bereich sowas gepostet haben solltest.without a link to the concerning website it is hard to say. so – please wait on a moderator (if you have still posted in private Area a link)
btw: you got the stretched layout? where do you place the background image ( in wrap_all etc pp ???)
- This reply was modified 8 years, 8 months ago by Guenni007.
if you set in this code:
.avia_textblock > p { text-align: justify; }
you see under your images the text in a block – but under Lisbon the text is a different thing
you only read the code and thats it?
do you see what i wrote first !
6 p tags do not allow a justify rule
the text under Lisbon is in 6 different p tags so even if there is a justify rule this would have no effect !
6 p tags in that little text. Do you have copy pasted it from another website?
and you pasted it into the visual field of your text edit !____________________
btw: the images on the end of this page:
how do you embed those images to your enfold.
the images are 980px wide so it is not enough.
only a rule is set to them for max-width: 980px – but where does this come from? is it a plugin ?if you set
.avia_textblock img { max-width: 100%; width: 100% !important; }
but this is not the solution – this will change every img inside a textblock
there has to be an inline definition:<img width="980" height="551" sizes="(max-width: 980px) 100vw, 980px" srcset="http://www. … etc pp
have you logged in to your mysql database?
Try to optimize/repair your database tablesAlso – du bist dort auf der Seite im Boxed Layout Modus! Und du möchtest jetzt einen Slider haben, der trotzdem über die volle Breite geht?
so you mean that mega-div sub-menu set on menu ?
to set it to 100vw (100%screenwidth) is not the thing but the positioning is the thing here. on avis.js there is a calculation of the right positioning of that unit. – so please wait on a moderator – perhaps there is a possibility.ok – try this here on quick css:
@media only screen and (max-width: 480px) { .cart_dropdown .dropdown_widget { width: 245px !important; } }
what Register do you mean – that of a new user in wordpress?
Or do you have a plugin installed for that new usersso – good that i can see the url in your screenshot – try to make the dropdown smaller:
.cart_dropdown .dropdown_widget { width: 250px; }
maybe it is needed that you set the rule to !important
isn’t there a checkbox “yes i know – and go on with weak password”
there are alot of tutorials to use such tools f.e. : https://youtu.be/tdIk2PztcL0?t=2m54s
Well we are all no hyper nerds in knowing everything about a theme.
We simply use tools that show us the info about a website.
One of the first tools was that brilliant firebug plugin (first for firefox – later there are versions for other browsers too) – nowadays a lot of modern browsers have such tools implemented.
Usually you can reach those tools via the context menu of your mouse.
Show on the wanted piece of your website – call the context menu (if you got a more than one button mouse – commonly the right mouse button) and navigate to “inspect” or “inspect via firebug” in my case. Sorry i dont know if it is called inspect because i got a german browser so for me there is “Element untersuchen”
here is a good articel about why it is important to use such tools. Hereyou see in that screenshot – i have called the info about the main nav list point “headers” (colored arrows) and on the left side you can see the html structure. On the right side there is the css code. Very nice – if you click on the right side (where css part is written by me) an click there right mouse button you can virtually ad new css rules. etc.
Click on the image You see that f.e. the id of this third list point of main nav is #menu-item-1561 – you can inspect on the right side where this element gets his outlooking from and from whom it has inherited his css rules. so if you want to change the color of the font f.e. you have to scroll down this right side and find the rule of color. etc. pp
- This reply was modified 8 years, 8 months ago by Guenni007.
So the thing is that you do devide those identical ids through a class that follows directly to that div.
Be carefull that there is no space between div and class because it belongs direct to that div.on a test install with two fullscreen sliders i see that the first one gets the class: avia-builder-el-0 and the second one avia-builder-el-1
so try to do it this way:
@media only screen and (min-width: 768px) { #fullscreen_slider_0.avia-builder-el-0 { display: none; } } @media only screen and (max-width: 767px) { #fullscreen_slider_0.avia-builder-el-1 { display: none; } #fullscreen_slider_0.avia-builder-el-0 { display: block; } }
do you have a link for us? This is easier because i can see if a hint will work or not. I use for that firebug on firefox. Allthough today all browsers got a kind of developer tools this was my favorite. i can change virtually the css f.e. and see directly whether it works or not.
:lol – and if you do that to create you own portfolio-widget area then you can register that as default if you have some coding on register-admin-options.php ;-)
and some coding in helper-template-logic.php …
-
AuthorPosts