Forum Replies Created
-
AuthorPosts
-
Hi Rikard,
Thanks for that report. I wasn’t aware this sort of tool existed so that’s really handy to know. I shall now go back to the host and see what they have to say.
Thanks
EmmaFebruary 6, 2017 at 11:44 pm in reply to: Full width semi-transparent header not full width on responsive. #743635Perfect! Thank you.
All sorted now.
The fix you did works perfectly fine for me. Thank you.
Hi Nikko,
Thanks for the additional code. I’m going to probably leave things as they are for now as it does seem to be working out okay for this site but I do appreciate the response. Thank you.
February 1, 2017 at 11:55 pm in reply to: Full width semi-transparent header not full width on responsive. #741498Here you go, thank you. Sorry for delay as I didn’t see the reply.
Hi,
This is what I have been provided as FTP login details for this subdomain.
I hope it works but let me know if you have any problems.
– 01/02/17 – update
Is there any chance you guys could give me an update on your thoughts on this and whether the FTP login details worked okay? Thanks.- This reply was modified 7 years, 9 months ago by efletcher.
January 27, 2017 at 1:24 pm in reply to: Full width semi-transparent header not full width on responsive. #739350Hi Vinay,
Thank you for getting back to me, but sadly the code doesn’t seem to be making any difference, do you have any other thoughts?
Many thanks
Emmap.s. if it helps I’m more than happy for you guys to go in to the dashboard and have a look around in case I have made any mistakes anywhere? There is another thread live regarding full height sections which I’m having an issue with which may be beneficial to go in and have a look for this too?
Thank you. All sorted you can close the thread if you wish.
January 25, 2017 at 12:22 pm in reply to: Advanced styling issue – effect not showing on desktop #738295Hi Rikard,
That seems to have solved the problem so long as I place the code above the one causing the problem.
Thank you this thread can be closed now.
Sorry please excuse my ignorance but what do you mean by FTP details? Do you want to login in to the wp admin dashboard to you mean?
At present I only have access to the core wp admin files as the hosting is by another person and they installed wordpress on the subdomain we are using for development and granted us admin access.
January 24, 2017 at 12:04 pm in reply to: Advanced styling issue – effect not showing on desktop #737675Hi Rikard,
Here is a link for the before image. Here you can see that the logo at the top is left aligned and the button styling is rounded as desired.
Here is the image after. As you can see by just adding that piece of code it turns off the rounded styling.
The strange thing is it only knocks out the styling on desktop, as when viewed on a mobile device it presents itself as required.
Hope someone can help. Thank you.
Below is a full copy of my quick css for reference.
.logo img {
top: 10px !important;
}.widgettitle { font-size: 20px!important; }
div .copyright {
width: auto!important;
}.av-image-caption-overlay-center p{
margin-top:100px !important;;
}.avia-button {
font-size: 25px!important;
}.av-section-bottom-logo.header_color .container {
background-color: rgba(255,255,255,0.5) !important; }
.av-section-bottom-logo.header_color + div + .avia-section {
margin-top: -135px;
}.av-section-bottom-logo.header_color .container, .av-section-bottom-logo.header_color .container .inner-container {
width: 100% !important;
max-width: 100%;
}@media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block;
vertical-align: middle;
}.responsive .logo {
position: relative;
display: block;
width: 100%;
text-align: center;
}.logo img { max-height: 48px; }
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 80%;
height: auto !important;
margin-bottom: 10px;
}}.responsive .toggle_icon {
width: 15px !important;
}Hi Ismael,
Thank you again. The logo code worked fine, so long as I placed it at the top of the quick css field and also applied the !important part.
However the other problem with the colour sections doesn’t seem to have resolved things. I edited the js file as suggested and refreshed and cleared cache etc. but it still has that section that gets cut off. Am I asking too much of the theme do you think?#
As recommended I have also raised a new topic for the button styling. Thanks for the tip.
Thanks
EmmaHi Ismael,
Thank you for your suggestions. They worked perfectly. As I have disabled the Facebook plugin as suggested, is there a particular plugin you would recommend for displaying social media feeds from Facebook? Thanks
Ahh see I knew it would be something stupid.
You sir, are a genius! Thank you. All working well on that part on desktop but on checking responsive it is still not full width? Any theories?
Plus can I increase the padding above the logo as it looks a bit squashed at the top of the container?
Also, sorry but while I’ve got your attention I’m going to make the most of your knowledge.
On this site, I would like each of the colour sections to fill the screen so that the arrow to jump to next section is always placed at the bottom and it looks/works really sleek. Is this possible as when I selected the “100% of browser height” in the row settings it works fine for the first section but when it jumps to the second it shifts down the page and it looks rubbish. Am I doing something wrong or is there some way of doing this that you can advise?
Thanks
Emmap.s. can you think of any reason why the following code in quick css would knock out my advanced button styling not to work on desktop version? I have eliminated all other codes by removing and re-applying one-by-one and this is the one that affects it for some reason?
p.p.s Any chance I could get an answer on this one soon? Sorry to pester as I know you are probably snowed under.
@media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block;
vertical-align: middle;
}- This reply was modified 7 years, 10 months ago by efletcher.
Yes this can be closed off, thank you.
Hi Ismael,
Thanks for the additional code but I couldn’t see any difference? Is it just my end? Can you check it too? I have shown below all the custom CSS field just in case anything else in there is conflicting.
.widgettitle { font-size: 20px!important; }
div .copyright {
width: auto!important;
}.avia-button {
font-size: 25px!important;
}.av-section-bottom-logo.header_color .container {
background-color: rgba(255,255,255,0.5) !important; }
.av-section-bottom-logo.header_color + div + .avia-section {
margin-top: -135px;.av-section-bottom-logo.header_color .container, .av-section-bottom-logo.header_color .container .inner-container {
width: 100% !important;
max-width: 100%;
}@media only screen and (max-width: 767px) {
.responsive .logo a {
display: inline-block;
vertical-align: middle;
}.responsive .logo {
position: relative;
display: block;
width: 100%;
text-align: center;
}.logo img { max-height: 48px; }
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 80%;
height: auto !important;
margin-bottom: 15px;
}}Hi Ismael,
Thank you and don’t worry it was my own fault for commenting on my own post and confusing things.
So I have applied the code and in principle it has worked, however it seems the semi-transparent section only shows up over the middle of the page despite the colour section image behind being stretched full width on my screen. I seem to remember that when transparent header option is available it is full width, is that right? To be honest it looks a bit weird and not as I would like, is there anyway of making the container full screen width?
Thank you.
p.s. Enfold rocks! It is the greatest theme ever! The support is great too. I don’t think there is anything you guys can’t fix.
Is there any particular reason why I’m not getting any response on this? Normally this forum is awesome and so quick to respond? I know I still have support as each new site I purchase a new license and I have only just brought a new one so I’m assuming it can’t be that. I could really use some help guys, please.
Thanks
EmmaIn addition to above.
So I have manged to figure out the CSS for the different colours having scoured the threads using google search but I still can’t seem to work out how to make the logo area semi transparent. Unfortunately as I want to have the menu above the logo section the transparent header option on the page is disabled. Please can someone help with this as I am losing the will to live!
Thank you. :-)
WOW!
You guys are just amazing! I take my hat off to you. It now works and is exactly as I wanted it.
I know its been a long one but THANK YOU, THANK YOU, THANK YOU! So much.
Yet again another reason why I know this theme is the best ever invented! About to supply it to another customer as I just can’t see me working without it again!
Thank you, we can close the thread now! One happy, happy customer. @Guenni007 you are a god among web designers!
Hi Both,
@guenni007 I have no idea how I did it! If it’s good then I’m impressed I managed that one!
@Yigit the php edit has worked but the text is sitting behind the social icons and all squished up. Can you suggest some code for the css that I can use to make this work? I can set you up a temp user on the dashboard if it helps. As this site is currently live I have removed the php function for now so once we have a plan we can add back in. This is what it currently looks like with the code still in. https://dl.dropboxusercontent.com/u/18518018/fcs-screenshot2.pngThanks again. You are both really helping me out on this. ☺
Hi Yigit,
https://dl.dropboxusercontent.com/u/18518018/fcs-screenshot.png link for screenshot which hopefully explains what I want to try and do. I had a look at the documentation you suggested but I couldn’t work out how to configure it for my own use, sorry I’m still a novice when it comes to coding etc.
Really appreciate the help guys. Thanks
EmmaHi,
Sorry this still doesn’t achieve what I want as the nav menu on my site is below the header section which contains the company logo and social icons. Ideally I want it to the left of the social icons which are on the top right hand side. Can I build something in to the header section?Thanks and sorry to be a pain. I just have a very fussy customer!
Hi Guenni007 this is what I was trying to avoid using as I don’t want it on a separate line.
July 28, 2016 at 1:41 am in reply to: Enfold: The following themes are installed but incomplete. #666008Don’t worry, sorted it for some reason it didn’t like it being uploaded via filezilla but did it via cpanel and it worked itself out. Phew!
July 28, 2016 at 1:01 am in reply to: Enfold: The following themes are installed but incomplete. #666006Hi, sorry to jump in on this thread but I’m having the same problem. I tried replacing the file using FTP with the new files downloaded but I still get the error. Can you help urgently please? Thanks
Hi Yigit,
Thanks for the response but it doesn’t seem to work? Do I need to do anything else within the site to help the code work?
Below is the complete quick css box in case something is contradicting it? Thanks for your help.
#avia-menu {
margin-left: 30%;
}
@media only screen and (max-width: 767px) {
h1.av-special-heading-tag { font-size: 35px !important; }}.av-subheading_below {
margin-top:50px!important;
}.av-image-caption-overlay p {
text-align: left;
margin-top: -70px!important;
}@media only screen and (max-width: 767px) {
.av-subheading {
font-size: 20px!important;
}}.page-id-144 .avia-content-slider .slide-image { display: none; }
Hi,
Sorry to jump in on this post but I want to achieve the same result on the following page (http://new.fcsafety.co.uk/service/mechanical_handling_equipment/) and then replicate on similar pages throughout the site but not all of them. Can I use the same code and just replace the .home with the page title or is it not that simple?
Thanks
Emma- This reply was modified 8 years, 4 months ago by efletcher.
Hi Vinay,
Thanks for the help.
Those codes worked perfectly.
One other question, how can I make the text size of the subheading responsive?
Thank you! This forum is ace by the way, as is the theme! Love, love, love it!
Emma
Hi,
Sorry that probably would have been helpful. Link to site is http://new.fcsafety.co.uk/The elements in question are on the header image at the top of the page, just under nav menu there is a special heading “Safety Training….” then “You know it makes sense….”. I have managed to reduce the safety training H1 but I would like to also reduce the you know it makes sense sub heading accordingly so it stays a relative size to the heading.
I also would like to increase the padding between the heading and the subheading if this is possible?
In addition I have 5 images in columns all with captions, starting with mechanical handling equipment. Ideally I would like the caption to be left aligned and at the top of the image.
Thank you.
-
AuthorPosts