Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 17, 2017 at 10:59 am #748323
    life-lijn

    — This post is edited —
    Hi there,

    I am working on a new website with Enfold. Enfold works great. So much possibilities and such a great support forum with tons of helpful answers. What a great knowledge database!

    I have a few questions left I hope you can help me with.

    1. I would like the buttons to be #72c7ce (text on the button #ffffff), the links in the text to be #222222, and the links in the footer #ffffff. If I change the color in the enfold settings, it changes too much.
    If I use this code, it also changes the color of the links in the footer and the color of the text on the button. 

    a {
     color: #222222 !important;
}

    2. I have deleted the padding from the container to get the nice layout for 3 colums with images on the homepage. I corrected the padding on the footer en in the header. Only now the header is smaller than the footer and the contentsections are wider again. It’s messy :-(. Can you see what I did wrong?

    .container {
    padding: 0px 0px !important;
}

ul#avia-menu {
    padding: 0px 50px;
}

.container_wrap{
    padding: 0px 50px !important;
}

    I know you get a lot of questions, hope you find the time to help me.

    Have a nice day!

    Maaike

    • This topic was modified 8 years, 4 months ago by life-lijn.
    February 17, 2017 at 4:21 pm #748513
    life-lijn

    .

    • This reply was modified 8 years, 4 months ago by life-lijn.
    February 22, 2017 at 10:03 am #750357
    Nikko

    Hi,

    Sorry for the delayed response.

    1. Since there are only few options to make things simple, that’s why changing a few options would make a large change to make things uniform. Try adding this css code for buttons in Quick CSS (located in Enfold > General Styling):

    #top .main_color .avia-button {
    color: #fff;
    background: #72c7ce;
    border: 0 !important;
}

    For links in text try this css code:

    #main a {
    color: #222222;
}

    For footer try:

    #top #socket a {
    color: #ffffff;
}

    2. Is this on the homepage? try to remove the changes you made for this and also tell us what you want to achieve, something visual would be more helpful.

    Best regards,
    Nikko

    February 22, 2017 at 3:01 pm #750513
    life-lijn

    Hi Nikko,

    thanks for your effort!

    1. Great!
    This works :-)

    Small thing, how can I exclude the widgets in the footer from this code? I would like them #ffffff

    2.
    I would like all the items on the page to be as wide als the header and the footer. I don’t want any whitespace on the left and the right… Hope the 2 images make things clear :-)

    Maaike

    February 23, 2017 at 9:24 pm #751066
    life-lijn

    Hi Nikko,

    I know you are probably very busy with all the questions in the support forum. Is it possible for you to respond to this?

    My client wants this ready and last friday I promised to have it ready wednesday… Tomorrow it is friday again…

    Hope to hear from you :-)

    Maaike

    February 27, 2017 at 5:27 pm #752389
    life-lijn

    Hi there,

    Is there anyone who can help me please?

    Maaike

    February 27, 2017 at 10:45 pm #752579
    Nikko

    Hi,

    Sorry I missed this :(
    1.) You add this css code:

    #main #footer a {
    color: #fff;
}

    2.) Try adding this css code:

    #main .container, 
#main .container .content {
    padding: 0;
}

    Best regards,
    Nikko

    February 28, 2017 at 12:32 pm #752880
    life-lijn

    Good to have you back :-)

    1: Thanks, works nicely :-)
    2: This comes close… I have changed it (in order to keep the white space in between the page sections) into
    ‘#main .container,
    #main .container .content {
    padding-left: 0;
    padding-right: 0;
    }’

    But it leaves no padding between the content and the border. (see screenshot).

    Any idea how to fix that?

    Maaike

    February 28, 2017 at 12:42 pm #752882
    Yigit

    Hi!

    It seems like you have removed the screenshot here – https://kriesi.at/support/topic/installing-enfold-and-a-few-questions-on-styling/#post-750513 so i am not sure if i understood you correctly however if you would like to increase the width of 3 columns with images on your homepage, please refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ and create a color section element with 100% container width and place your content inside it. If that is not what you meant, please elaborate.

    Regards,
    Yigit

    February 28, 2017 at 2:01 pm #752920
    life-lijn

    Hi Yigit,

    I’m sorry, I must have rearanged the files in that dropbox folder.

    I have used your suggestion for the page section and added the code.

    Will you look at my video (2 min) to help me see why it is not working yet?

    Maaike

    February 28, 2017 at 2:44 pm #752941
    Yigit

    Hi Maaike!

    Thanks for the video!
    I have edited your color section element and changed ID to “threekolommenhome” and updated the code in Style.css file of your child theme and it does work fine now. Numbers in ID’s do not work properly. I believe that is some sort of browser limitation. Please flush browser cache and review your website

    Best regards,
    Yigit

    February 28, 2017 at 2:54 pm #752952
    life-lijn

    G R E A T W O R K !

    Thanks very much :-)))

    February 28, 2017 at 2:55 pm #752955
    Yigit

    Hi!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Installing enfold and a few questions on styling’ is closed to new replies.