-
AuthorPosts
-
June 2, 2021 at 7:24 pm #1303655
Hi,
How can I adapt the footer hight on my home page?
It is soo big while there is not any content there. Can you help me out?June 4, 2021 at 6:34 am #1303947Hey Overijssel,
Thanks for the login details. You have selected to not show the footer in the theme options, so we can see the problem you are having. If you want it a bit further down, then you might want to try to use the white space element just before the footer.
Best regards,
RikardJune 4, 2021 at 9:15 am #1303958Hi Richard,
What we are looking for is that the ‘Q’ is always visible on each screen size. When changing this with a white space, it might solve the problem for my screensize, but it does not for other screens. is there a way to solve this problem?
Looking forward to your reply
June 5, 2021 at 12:46 pm #1304202Hi,
So what exactly are you looking to achieve? Please send us a screenshot or mockup highlighting your intentions.
Best regards,
RikardJune 7, 2021 at 9:11 am #1304363This reply has been marked as private.June 8, 2021 at 8:03 am #1304546Hi,
Thanks for that. So the menu on the right is supposed to be the footer? If so, then please add that content to the actual footer, so that we can try to give you some custom CSS to use. I’m not sure if this is possible though.
Best regards,
RikardJune 10, 2021 at 2:18 pm #1305084This reply has been marked as private.June 12, 2021 at 4:40 am #1305351Hi,
Thanks for the update. So the problem is that the footer is still visible on all pages except the front page? I checked the contact page, but I can’t see footer on that page. How can we reproduce the problem you are seeing on your end?
Best regards,
RikardJune 15, 2021 at 10:27 am #1305760Hi Rikard,
We have added two pictures, one showing a red line showcasing the footer that we mentioned earlier. Could you please show us how we could remove this footer? We were also wondering if it was possible to make the Q in the background scalable? It always stays the same size, instead of changing to the right fit of the screen for different screen sizes.
Kind regards,
LeonieJune 16, 2021 at 4:21 am #1305920Hi,
Thanks for the update. You have an empty Color Section at the end of the contact page, please try removing that.
To have a background image showing exactly the same on all screen sizes is difficult unfortunately. What exactly would you like to change, and on which screen sizes?
Best regards,
RikardJune 16, 2021 at 10:56 am #1305961Hi Rikard,
Thank you, the empty color section solved our problem.
As shown in the template image that was send on June 7th, we would like the Q to adapt itself so it will fit on the top right on every screen size. Currently, it automatically moves to the center if the screen size changes. Could you help us with this?Kind regards,
LeonieJune 16, 2021 at 3:46 pm #1306056Dear Rikard,
Next to our previous question, we also had a question regarding the design of our images on our website. I have added a link showcasing black and red lines what we want to be overlapping images (so one image goes over the other). Could you give us an solution to do this? I am looking forward to your response.
Kind regards,
Leonie
June 17, 2021 at 8:55 am #1306140Hi,
Thanks for the update. You could try to adjust the size of the background using CSS like this:
.main_color { background-size: 500px 400px; }
https://www.w3schools.com/csSref/css3_pr_background-size.asp
Or try using smaller image. You could also try adding white space in the actual image, in order to adjust it to your liking.
Overlapping images; I can’t find the page on your actual site with these elements, but if you want them overlapping, then you might have place one of them in an absolute position using custom CSS: https://www.w3schools.com/css/tryit.asp?filename=trycss_position_absolute
Best regards,
RikardJune 23, 2021 at 11:12 am #1307112Dear Rikard,
We would like to overlap the two images on the ‘about us’ page. Unfortunately I can’t manage to put the correct code in it.
I put a screenshot in the backend of what the page should look like.Can you help us out??
Kind regards,
Leonie
June 24, 2021 at 12:56 pm #1307302Hi,
Thanks for the update. I adjusted your layout a bit, and gave the image container an ID to be able to target it using CSS. I added this to Quick CSS after that:
#about-us-image { position: absolute; max-width: 50%; top: 200px; z-index: 1; }
It doesn’t look like your screenshot, but that is mostly because the first image is much smaller. Maybe you would want to combine the two images in Photoshop instead? It might be easier than trying to position them with code. If you want to try the code out, then you can adjust the values to your liking.
Best regards,
RikardJune 30, 2021 at 3:27 pm #1308155Hi Rikard,
thanks, it worked!
Now I ran into another problem… I wanted to change the title H2, but when I do this it doesn’t work. I would like to put a ‘quote’ in thinner font on the about you page. Can you help me out?
Best regards,
Leonie
June 30, 2021 at 4:47 pm #1308174Hi Rikard,
One more question… for a page with projects from our company we want a horizontal scrolling page. Is this possible?
Kind regards,
Leonie
July 2, 2021 at 3:47 am #1308431Hi,
Thanks for the update. I’m not sure I understand what you mean by this:
Now I ran into another problem… I wanted to change the title H2, but when I do this it doesn’t work. I would like to put a ‘quote’ in thinner font on the about you page. Can you help me out?
Could you try to explain a bit further please?
One more question… for a page with projects from our company we want a horizontal scrolling page. Is this possible?
I’m not sure I understand this question either, are you looking for a slider of some sort? If you could link to an example, then that might help us understand you intentions better.
Best regards,
RikardJuly 4, 2021 at 11:39 am #1308640hi,
I changed the settings of the ‘title H2’ in the settings of Enfold. So I can use it on my page. But when i change the settings, it is still stay the same lettertype/font.
And the other question is; We would like a horizontal scrolling page, so a page where you scroll left to right, in stead of vertical (up to down).
Best regards,
Leonie
July 5, 2021 at 10:17 am #1308736Hi,
Thanks for the update. I can only see h1 and h3 elements on your actual site, where can we see this problem happening on your actual site?
There no functionality for horizontal scrolling in the theme unfortunately. You would have to use custom CSS for that, this might help you out for example: https://css-tricks.com/pure-css-horizontal-scrolling/
Best regards,
RikardJuly 7, 2021 at 9:44 am #1309068Hi!
On the ‘About us’ Page I tried to use the H2 Title element. I will send you an example in the private content. Also I sent you the link of the screenshot of my settings of the H2 element. I hope you can help me.
for the horizontal page we previously downloaded this theme: https://preview.codeless.co/remake/default/erzen/.
In this theme we would only like 2 pages to scroll horizontally. Is this possible? Or do we have to follow your recent link?Then my last question for today… We’ve talked about the images from the About us page before. In any case, it worked, great! Now, when we look at the mobile version, the bottom image becomes very small. Can we fix this ourselves?
Best regards,
Leonie
July 8, 2021 at 5:38 am #1309189Hi,
Thanks for the update. I couldn’t see an H2 tag on the About page, so I added two of them for testing purposes. I can’t see any problem with what I’m seeing on the front end, your settings seem to be applying as they should. If the problem is the font weight, then that setting is being applied from the all headers settings you have at the bottom of the Advanced Styling page. Please see screenshot in private.
Horizontal scrolling; you can’t run a different theme for only a few pages unfortunately, but I guess you could have a different WordPress install for those pages.
There is no functionality for horizontal scrolling in the theme by default, but you might be able to find a plugin or third party code which will implement it. We can’t customise this for you, since it’s beyond the scope of our support. But we might be able to help you out if you run into problems.Image on mobile; please try this CSS as well:
@media only screen and (max-width: 767px) { #about-us-image { max-width: 90%; } }
Best regards,
RikardJuly 19, 2021 at 12:05 pm #1310712This reply has been marked as private.July 20, 2021 at 5:20 am #1310813Hi,
Thanks for the update. I checked your settings under Enfold->Advanced Styling, and the h2 tag is now set to bold there. You have an entry on the bottom of the page as well, which is set to have all headers bold. If you want different setting for your headers, then please remove the setting for all headers, then add the individual header tags and make the necessary settings.
Best regards,
RikardJuly 20, 2021 at 9:17 am #1310845Thank you so much, it works!
July 21, 2021 at 5:37 am #1311012Hi,
Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardJuly 21, 2021 at 8:53 am #1311065Hi Rikard,
You can close it, thank you!
July 22, 2021 at 8:23 am #1311366 -
AuthorPosts
- The topic ‘Footer is too big’ is closed to new replies.