Okay
  Public Ticket #2391643
changing footer
Closed

Comments

  • Hilario_del_Vaso started the conversation

    Good afternoon,

    I have three questions about setting colours in the kyoto theme. Can you tell me:

    1. How do I change the colour of the thin separating border at the top of the footer?
    2. How do I change the text colour in the footer?
    3. I couldn't find where to change the colour of certain pre-defined subtitles, such as the portoflio item subtitle in this page (it's orange at the moment): https://buerograndezza.org/staging/portfolio/konsul-bernick-muss-nochmal-ran/
      I did check all the colour setting in the customizer and also in elementor theme styles, but I couldn't figure out a colour setting that has effect on this subtitle

    The password to view the staging site is "grandezza" (without inverted commas). Your help is much appreciated, thank you!

  •  675
    Neuron replied

    Hi Hilario,

    1) The top border, please add the following style in Appearance > Customize > Additional CSS.

    .l-primary-footer {
        border-top: 2px solid #efa575 !important; 
    }

    2) Here's the custom CSS. You can change the default footer template to a footer buildder, it's all up to you.

    .l-primary-footer--dark-skin .widget * {
        color: your_color !important;
    }

    3) Hmm, that seems more like theme issue, we will report it and until it got fixed, please add the following style.

    .p-portfolio-single .p-portfolio-single__content__meta .meta-subtitle {
        color: your_color !important;
    }

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Hilario_del_Vaso replied

    Hi and thank you very much! That all worked perfectly fine!

    Regarding the footer, I suppose can't do any styling in elementor unless I get elementor pro, right?

    Then is there a way to do the following things with the footer:

    1. Change the colour of hyperlinked text?
    2. reduce the overall height?
    3. get rid of the thin grey shadow above the top border?

    Thanks a lot and kind regards.

  • Hilario_del_Vaso replied

    Oh, and a fourth question concerning the footer:

    4. I don't get my head round on how to control footer width. I know I can change "Container" to on or off in the customizer --> footer --> general, but that doesn't really help me. When I change screen resolution, the footer keeps responding different compared to the page content; no matter if container is on or off. I also have no footer templates to choose from, and designing a new footer template in elementor doesn't seem to work since there are no widgets to use (I don't have elementor pro version).

  •  675
    Neuron replied

    Hi Hilario,

    I am very sorry for the late reply, we did not work on the Weekend & Friday, due some holidays.

    You are welcome anytimesmile.png

    1) Well, you can use the footer builder as well there, so add a new template in Templates > Footer an then assign to all pages, but if you want to stick with the default, no problem I will provide you with Custom CSS.

    Color of hyperlinks: 

    .l-primary-footer--dark-skin .widget a {
        color: your_color !important;
    }

    Height or Spacing.

    .l-primary-footer .l-primary-footer__widgets .l-primary-footer__widgets__space {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .l-primary-footer .l-primary-footer__widgets__space .widget {
        margin-bottom: 10px !important;
    }
    

    Top Border:

    .l-primary-footer {
        border-top: none !important;
    }

    4) Please check it on the page settings as well, the settings can be overriden there.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.