remove white line between color sections - Support | Kriesi.at

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
June 10, 2016 at 4:26 am #645960

limyj0923
Participant

Hi!

How can I remove the white line between different color sections? (I am very non-technical) The paddings and borders and margins are all set to none.

Thanks!

June 10, 2016 at 5:46 am #646020
Jordan
Inactive Moderator
Hey limyj0923,

Thanks for getting in touch with us!

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
```
.avia-section {
    border-top: 0px;
}
```
Let me know if you need further assistance.

Best regards,
Jordan
June 10, 2016 at 9:44 am #646117

limyj0923
Participant

Hi,

Thanks for the quick support and creating such a multipurpose theme for us non-techies to use :)

I have encountered another problem, when viewing the page on mobile the margin for the text is not equal on the left and right. How do I correct that? Same URL.

June 10, 2016 at 11:20 am #646147

limyj0923
Participant

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!

June 10, 2016 at 5:34 pm #646281
limyj0923
Participant
~~Also, one change I have made to my Main Menu Link Hover Color does not seem to be showing up.~~
- This reply was modified 8 years, 5 months ago by limyj0923.
June 10, 2016 at 10:54 pm #646413

Basilis
Inactive Moderator

Hi!

@limyj0923 is the last question valid or not?
Please let us know.

To reply on the first one can you please let me know which mobile version u are using?
I loaded to iPhone and text was visible properly.

Regards,
Basilis

June 11, 2016 at 8:00 am #646482
limyj0923
Participant
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.
- This reply was modified 8 years, 5 months ago by limyj0923. Reason: added questions
June 13, 2016 at 3:16 pm #647427

limyj0923
Participant

Hi,

Please assist,

Thanks!

June 14, 2016 at 6:54 pm #648203
Yigit
Keymaster
Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
```
.html_elegant-blog .more-link {
    margin-bottom: 20px;
}

.modified_width .button {
    width: 50%;
    position: relative;
    top: 50px;
}
#aboutmobile .content {
    padding-top: 50px;
}
#advanced_menu_toggle, #advanced_menu_hide { 
border: none !important; 
}
```
3- Please edit your text block element and go to text tab and remove spaces and then add them once again manually. They are converted to characters at the moment – http://i.imgur.com/gc9KNLo.png and that is causing the issue.
4- Please use Grid Row element instead and choose to display cells next to each other on mobile
7- You can add your subscription box to the bottom of your posts using shortcode.

You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
then you can create any of them and copy/paste shortcode into any other content element or into text widget.

Best regards,
Yigit
June 17, 2016 at 6:04 am #649576

limyj0923
Participant

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!

June 17, 2016 at 2:19 pm #649775
Yigit
Keymaster
Hi,

Please add following code to Quick CSS as well
```
#advanced_menu_toggle, #advanced_menu_hide { 
background:transparent !important; 
}
```
Can you elaborate on the form issue and post a link please? :)

Best regards,
Yigit
June 19, 2016 at 6:40 pm #650448
limyj0923
Participant
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!
- This reply was modified 8 years, 5 months ago by limyj0923. Reason: edited number 2
June 21, 2016 at 5:34 pm #651598
limyj0923
Participant
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!
- This reply was modified 8 years, 5 months ago by limyj0923.
June 21, 2016 at 7:00 pm #651649

Andy
Inactive Moderator

Hi,

please always open a new ticket for every new/different question you’ve got, otherwise it gets very confusing for us moderators and for other people trying to find help here in our forum.

Have in mind that we do not provide support for 3rd party plugins and in this case you would need to contact plugin’s author about it.

Best regards,
Andy
Author

Posts

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘remove white line between color sections’ is closed to new replies.