Thank you Nikko. Problem solved …… It turns out that i completely forgot about this layout i simply had to put in stretch mode in the general layout …… And now it’s all fine.

Thanks Nikko, i tried that code already before and it didn’t work. i tried again, to make sure, with your code, and it still didn’t.
maybe should i try each class one by one and see ? i don’t understand why it reacts this way.

Thank you Nikko.

View post on imgur.com

what should i name, as it’s not a div, it’s above the header and body … and i’d just like to overwrite the padding to 0
“It does not matter as long as you get the right class name or id”
ok, so here, the class name would be “.html_av-framed-box” , am i correct ? I don’t see an ID . i tried it but it didn’t work with this class name
………… ………………… ……………………
should i call it “#inner-container . logo” ? so i could tell it to have a distance on the left from the side of the inner container.
No, since inner-container is a class, it should be .inner-container .logo
Ok, so a class should have a “.” in front of it, and a container or parent should have a “#” in front of it, and a page ID should have a “.” in front of it ? And a space between each ?
“#after_submenu the subparent” >>> hmm, i’m confused a bit about when i should put a “#” and when i should put a “.” then.
anyway, i tried :
.inner-container .logo {
padding: 0
}
and it worked :)

………………… …………….. ……………………….

View post on imgur.com

i should review my css a bit … but basicaly here, i see :
Div = wrap all, and it has a class name.
inside it, a header id, with a class name.
inside it, a div id = header main, with a class name
inside it, a div with no id , and a class name
inside it, a span with no id and a class name, about the logo.
so …. when to use a div ID, what to do when a Div has no ID … When to use a class name … i got confused a bit. Sorry about that.

………………….. ………………………. ……………………..

View post on imgur.com

Here for example, i used the css :

and it’s strange, the .logo shows both
left : 0
and left : 20px . the 20 px didn’t overwrite the 0.

• This reply was modified 3 years, 5 months ago by yes9310.

Thanks very much Nikko ! it’s working !

More generally, how could i simply know which elements to adress ( here it’s “after_submenu” ) so i could edit the theme page template, instead of asking every time and probably bothering you ?
i feel blind about it, and i don’t know where you find these answers.

thanks very much.

Although … it didn’t remove the margin/padding at the top ( the green area ) . i’m looking but i don’t see any values about it in the css with F12 :

View post on imgur.com

Hello, i’m not sure how, this page is offline for the moment, i can put it online only later.
but here’s a screenshot that shows what i mean, you can see the green margins on the right. and the Div container says that it’s using a 50 px padding ( on the sides and above, below the header ) , which i’d like to edit.
Thank you.

Best regards

View post on imgur.com

• This reply was modified 3 years, 5 months ago by yes9310.

Thanks Rikard, I apologize for not understanding. I know what you’re saying, but where do I find the element options? Do I click on the special header and find it in there to name it, or where?

Thanks,
Frank

Thanks Rikard. I’m not sure though what you mean by add a class to it first. Add a class to what and where? Thanks.

Hi Rikard,

I’m not sure what you mean about what I named it. I just copied and pasted what you said at the very top in the Quick CSS field like this:

Quick CSS Box:

.header-extra-padding {
padding:20px;
}
.logo { top: 93px; }
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#header_meta {
background-color:black !important;
}
.phone-info span {
color:white !important;
font-size: 11px;
}
#scroll-top-link {
background-color: #e80000;
color: white;
border-color: white;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a,
.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
height: 120px;
line-height: 120px;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a,
.responsive #top #wrap_all .av-logo-container {
height: 120px !important;
line-height: 120px;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
top: -35px;
left: auto;
right: 0vw;

}
}
@media only screen and (max-width: 770px) {
#header {height: 85px !important; }
.responsive #top #header .logo,.responsive #top #header .logo a,.responsive #top #header .logo img {max-width: 170px !important; }

}
@media only screen and (max-width: 480px) {
.logo {
position: relative!important;
top: 35px!important;
}
#header_main .inner-container {
height: 180px;
}}
@media only screen and (max-width: 767px) {
.responsive #main avia-layerslider {
display:none;
}}
@media screen and (max-width: 468px) {
.avia-slideshow-inner {
min-height: 100px;
}
.avia-slideshow li img {
min-height: 200px;
width: 400px;
min-width: 400px;
}
}
@media only screen and (max-width: 989) {
/* Add your Mobile Styles here */
.responsive #top .logo {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 0;
}

.responsive #top #header_main {
z-index: 3;
min-height: 80px;
position: relative;
}

.responsive #top .logo img {
margin: 0;
margin: 0 auto;
max-height: 80px !important;
}
}

Hi,

Ok I moved it to the top and cleared cache. Still no change. See where the word “Rooms” with the red background and text in gold. Tried it on my phone also which doesn’t store cache.

Thanks,
Frank

Hi Victoria,

I’m not sure what you mean credentials? Do you mean login info? What I sent is correct. Please see below.

Thanks,
Frank

• This reply was modified 4 years, 7 months ago by yes9310.

Here’s what tech support told me about upgrading PHP.

I was able to login but I’m afraid this is going to involve much more than just a simple update to php. If you go to easyscp.net, you’ll see the most recent news post on their front page where they just added php 7 support in the latest release candidate 2.1.0 Build 20180216. It then mentions in red, “Note: This Version is currently for fresh installations only. A upgrade version will come soon.” Your current version is 1.1.15. At the very least, we would have to completely remove your current version of easyscp, install this new version and then resetup your databases and websites. There is always the chance that doing this in place on your existing server could result in many problems and extensive downtime. Additionally, such work would absolutely involve professional services time and charges. At this point in time, it might be ideal to consider upgrading to a new server altogether and migrating the sites over. I would not recommend doing this on your current production environment. Please review the easyscp website including it’s forums and let me know how you would like to proceed.

Thanks, No, I can’t get into the site to see what the version is on my co-hosted server, but when I updated wordpress it did say that I was using an older version of PHP, though that hasn’t affected any of my other sites using Enfold with the latest updates to wordpress.

• This reply was modified 4 years, 11 months ago by yes9310.

Thanks Nikko! I see the arrows now and it seems to constrain the images at a certain height, but on some that are wider, it shortens them and puts a white space and a gray line below the space. I changed the border from gray to white and the line disappeared. Just wish it would keep them all the same height.