Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 21, 2017 at 3:54 pm #764238
    ccorkrum

    Looking for how to change the font size for both the breadcrumb and footer font where the copyright text is displayed, thanks

    March 22, 2017 at 1:29 am #764498
    Nikko

    Hey ccorkrum,

    Try adding the following css codes in Quick CSS (located in Enfold > General Styling), for breadcrumb:

    .title_container .breadcrumb {
    font-size: 12px;
}

    for footer:

    #top .copyright {
    font-size: 12px;
}

    Just adjust the font sizes. Hope this helps :)

    Best regards,
    Nikko

    March 23, 2017 at 6:30 am #765169
    ccorkrum

    Thanks, that worked.. Couple more questions for you, I’d like the font size, boldness, and color to be the same as the title and remove the ‘You are here:’ text and change the / to > so it would just look like ‘Home > About’ instead of ‘You are here: Home / About’

    March 23, 2017 at 8:33 am #765232
    Basilis

    Hi!

    Regarding seperator, you can take a look here:
    https://kriesi.at/support/topic/change-breadcrumb-separator/

    font to make it bold, you have to use font-weight: bold !improtant;
    to the class you want to make it bold for the the color,
    color: #000

    changing the #000 to the number that works for you
    Let us know if we can do anything else.

    Cheers!
    Basilis

    March 23, 2017 at 10:24 am #765283
    ccorkrum

    Perfect and I got one more, is there a way to set a max height on the socket where the Copyright info is?

    If there isn’t enough text to fill up the white space the socket climbs it’s way to the top.

    Thanks

    March 23, 2017 at 11:08 am #765307
    Nikko

    Hi,

    Can you post a link to the page mentioned? so we can atleast see how it looks like and try to give you a solution to it.

    Regards,
    Nikko

    March 23, 2017 at 11:25 am #765324
    ccorkrum

    I did some searching and found a ton of posts about the same issue and not much can be done about it as the page is designed to expand and shrink based on the amount of content.

    March 23, 2017 at 1:42 pm #765422
    Nikko

    Hi,

    Try to enable Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ then on pages that is short of content, try to add a class on the section for example, put custom_section as class. Then on Quick CSS (located in Enfold > General Styling), add this css code:

    #top .custom_section {
    min-height: 64vh;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    March 23, 2017 at 2:18 pm #765466
    ccorkrum

    One more question, I’m using the enfold-child theme and want to copy class-breadcrumb.php to it and I copied it to the root and also copied it into framework\php and neither seem to get picked up.

    How do I replace class-breadcrumb.php so I can have the edited version in the child theme?

    Thanks

    March 23, 2017 at 2:51 pm #765493
    Nikko

    Hi,

    Unfortunately it’s a bit complicated for class-breadcrumb.php to be replaced by copying from Enfold and pasting in the child theme, though some are easy to override but some of it doesn’t work. I’m not sure what you want to change but it might be answered in this thread https://kriesi.at/support/topic/change-safely-breadcrumbs-without-changing-anything-in-future-updates/

    Best regards,
    Nikko

    March 27, 2017 at 10:50 pm #767772
    ccorkrum

    Happen to know what font is being used for the title in the breadcrumbs area?

    I’d like to match the font and size of the title to the breadcrumb, thanks.

    March 27, 2017 at 11:18 pm #767783
    John Torvik

    Hi,

    The font that`s beeing used is the Work Sans and to change the font-size and the font, use this custom CSS rule at Enfold Theme Options > General Styling > Quick CSS

    
.title_container .breadcrumb {
font-size: 15px !important;
font-family: 'YourFont', sans-serif;
}

    Best regards,
    John Torvik

    March 28, 2017 at 1:56 am #767825
    ccorkrum

    Thank you, that worked perfectly.

    Now another one, how do I change the font of the menu in the header area where the logo is?

    March 28, 2017 at 6:28 am #767879
    Nikko

    Hi,

    You can change this by going to Enfold > Advanced Styling > check for the dropdown field and select Main Menu Links and click on the Edit Element button and change the colors there :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.