Forum Replies Created
-
Posts
-
Hm, followed the instructions in your link:
@font-face {
font-family: EchoSoul;
src: url(‘fonts/EchoSoul.ttf’);
}
h1 {
font-family: EchoSoul;
}Still nothing…
“The above CSS rule assumes you have added your font file in a folder named fonts, in your child theme folder.” — Yes I’ve done this.
Hi,
I have enabled the custom css field and changed the servicesmobile from section id to custom css class attribute. But the problem is still there…
I simply changed:
#servicesmobile { display: none; }
@media only screen and (max-width: 768px) {
#servicesmobile { display: block !important; }
}to:
.servicesmobile { display: none; }
@media only screen and (max-width: 768px) {
.servicesmobile { display: block !important; }
}Is there something wrong…?
Hope you guys can assist with this as it is holding me back from publishing the site.
Thank you.
Hi,
After removing them, the argument that is causing the problem is the one that I used to display that page on mobile:
#servicesmobile { display: none; }
@media only screen and (max-width: 768px) {
#servicesmobile { display: block !important; }
}The page looks fine when I remove that. You can see in the dropbox link I provided, the screenshots with the correct appearance and the ones with the problem.
Thank you!
Hi,
Actually now the outline I was talking about isn’t there anymore. You may close this thread.
Thank you.
Hi Andy,
The form appears when you scroll down. I have also attached the link to the screenshots for that here. So what I mean is that the button remains the default color with that code, but it changes fine to the hover color.
Thank you.
Hi,
Here’s the link for the screenshots, you can see how the page looks like on mobile and tablet view. These are from the Customize preview, I checked with an iPad and Galaxy S5 as well and they look like this too.
You are right, when I removed the custom CSS the problem disappears. But I need those custom CSS…
Thank you.
Hi,
Regarding the forms issue, I have changed my plans so I don’t need help for that for now :) I have one issue with the form though. Do you have any idea to change the button in my form (wait for the pop up) to the same styling as the buttons on my site? The form is just the form code pasted in a Boxzilla plugin Box.
*edit: I managed to change the code to make the button green and font white, but how do I set the hover color?
Thanks!
Thank you for your help, Yigit! Everything is coming together real nicely now.
I have a few issues to tidy up:
1. For some reason “drop us a message” on this page is not switching to the correct hover color.
2. MOBILE: I am having some problems with the gray blocks with a middle border. I am using grid row 1/2 and 1/2, so I would like that middle border to be in the middle of the screen, and the content is of equal width on both sides (it will be clear when you look at the page). Now the content is being pushed to the left and the width is just generally different for each grid row, especially for tablet. On tablet the white rows for the headings also do not stretch across the full width of the screen.
3. Under “Things we don’t do”, I would like the bottom padding to be smaller (I’m not sure why it is so big as I didn’t add any extra spacing).
4. After you press the Submit button, there is this outline (green) and button color (pink) that appears briefly before the Thank You message appears. Is it possible to change these colors?I have to rethink the forms issue, hope it is okay to reach out to you at a later time…
Thanks!
Hi,
Everything worked! Thank you.
Only the white box is still there in my mobile menu, any other solution?
Also I’m trying to get my signup form to be horizontal but it keeps showing up in separate lines (however in the layout editor it shows up as inline). Did some searching here and tried the suggested css to make it inline but it didn’t work. Any idea how to make it horizontal?
Thanks!
Hi, I’m using Samsung Galaxy S5. The problem also shows up when I view the mobile preview using Customize while editing. Yup, I resolved the last question. So now I have these questions (I have given the relevant links for each question):
1. The Read More button is cut off. I used Elegant blog layout, the Advanced Layout Editor to style the blog page, and chose Grid layout. Basically the Read More button is cut off when I choose to display it.
2. I would like the submit button to be smaller (the default Large size for buttons that looks more like a square) and move it further down so that it is at the center of that area beside Message. Is it possible?
3. MOBILE: The margin for the text is not equal on the left and right. The right margin is very thin, almost none.
4. MOBILE: I’m trying to make my image and text inline on the mobile version, but the text is going to the next line instead of beside the image. I used the layout editor, put the image in 1/3 and the text in 2/3. Not sure why they are not inline?
5. MOBILE: How to make the space between the header and the content below bigger? Now the title is very close to the header.
6. MOBILE: Mobile Menu: How to remove the white square around the X?
7. I would like every blog post to display a subscription form below the post, do I have to modify the theme to do this? (I’m just asking, if yes then I’m doing away with it)
Links in private.
Thank you for taking the time! That should be all.
Hi,
Sorry for the questions! In another page, I’m trying to make my image and text inline on the mobile version, but the text is going to the next line instead of beside the image. I used the layout editor, put the image in 1/3 and the text in 2/3. Not sure why they are not inline? Link in private.
Thanks!
