Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • October 16, 2017 at 11:09 am #864753
    lena1234

    Hi,
    Ich möchte die Sidebar auf meiner Homepage bearbeiten. Gibt es sowas wie general styling Einstellungen für die Sidebar oder muss man das alles über CSS machen? Wenn ja, könnt ihr mir einen Code für die Änderung der Schriftart, Schriftfarbe, Größe und vielleicht auch Breite der Sidebar schicken?
    Das wäre super!

    Viele Grüße

    October 17, 2017 at 4:01 am #865067
    Rikard

    Hey lena1234,

    You would likely need custom CSS, could you let us know exactly what you want to change in the sidebar? Please post a link to your site so that we can have a closer look.

    Best regards,
    Rikard

    October 17, 2017 at 7:00 pm #865418
    lena1234

    Hey Rikard, thanks for your answer.
    I want the fontsize like two px bigger (so thats a little bit smaller than the font on the main content).
    I thought about having buttons or borders around the sidebar. And I want to change the backround color.

    Is it only possible with css or is there a plugin or something like that?

    And is it possible to have smaill icons on the left side of the text?

    best regards
    Lena

    October 18, 2017 at 9:58 am #865605
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling to change the font size:

    .sidebar .menu-item a {
  font-size:14px !important;
}

    About the background; do you want to change the background of the whole sidebar or just behind the menu items? Changing the sidebar background can be very tricky unfortunately.

    Best regards,
    Rikard

    October 18, 2017 at 12:43 pm #865686
    lena1234

    Hi, the Css works, tahnk you.

    If its to tricky to change the whole background, it would be also ok to only change it behind the items.

    Lena

    October 18, 2017 at 1:22 pm #865698
    lena1234

    Hi, I just changed the way to solve my problem.
    I will just create the sidebar within the avia layout editor, so there are more opportunities.
    But now my question is, if its possible to have a text as a hover over icons (like for pictures)
    Because I want to have Icons as Sidebar and then, I somebody hovers over the Icon, it dissapears (or is transparent) and a text will appear.

    That would be great!

    Greetings
    Lena

    October 19, 2017 at 3:48 pm #866264
    Victoria

    Hi Lena,

    I am seeing the tooltip text on hover, is this what you needed or do you need a different solution?

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 23, 2017 at 9:35 am #867511
    lena1234

    Hi Victoria.

    I thougt about having a hover over the icons like over pictures. Do you now what I mean?

    Greetings
    Lena

    October 23, 2017 at 10:41 am #867533
    Nikko

    Hi Lena,

    I’m not sure what’s the desired output that you want to achieve, can you post a screenshot of it, so we can have a better idea.

    Best regards,
    Nikko

    October 23, 2017 at 10:53 am #867539
    lena1234

    Hi nikko,
    I just changed the way to do it. Now I have a Masonry Gallery. I changed the Size of the images in custom css

    .av-masonry-col-2 .av-masonry-entry {
    width: 70%;
    }

    but now, I want them to be in the center of the “sidebar”.

    And how can I change the font size from the masonry hover?

    Its just the same link I sent above.

    Best regards
    Lena

    October 24, 2017 at 5:32 pm #868304
    Nikko

    Hi,

    Try adding this css code for making the width of the image 70% and centered in Quick CSS (Located in Enfold > General Styling):

    .page-id-3404 .av-masonry-col-2 .av-masonry-entry {
    width: 70%;
    margin-left: 15%;
}

    As for the font, try adding this css code:

    .page-id-3404 .av-masonry-entry-title.entry-title {
    font-size: 14px !important;
}

    Best regards,
    Nikko

    October 25, 2017 at 9:04 am #868608
    lena1234

    Ok, that worked, Thank You!

    But now, the text is not in the middle of the picture. e.g. on the first picture “Kommunikationstechnik” the text align have to be left. I tried it in css but it doesn’t work.

    Greetings
    Lena

    October 25, 2017 at 1:25 pm #868704
    Nikko

    Hi Lena,

    I have checked it and it seems the css code you used have a slight error, I’m referring to this css code in your site:

    .av-masonry-entry-title.entry-title {
    font-family: 'Century Gothic', sans-serif;
    test-align: center!important;
    font-size: 12px !important;
    text-transform: uppercase;
}

    Just replace:

    test-align: center!important;

    with

    text-align: center!important;

    Hope this helps :)

    Best regards,
    Nikko

    October 26, 2017 at 4:59 pm #869257
    lena1234

    Hi Nikko,

    The Code also doesn’t work… Is there another way to do it?

    October 29, 2017 at 6:54 pm #870165
    Mike

    Hi,
    If I understand correctly, you wanted the text to be centered, which it does, unless I’m looking at the wrong element.
    2017-10-29_125147

    Best regards,
    Mike

    November 6, 2017 at 10:14 am #872952
    lena1234

    Hi there.
    The text is just centered at some elements. Have a look at the elemets under “kommunikationstechnik” or at the element with the key. It always have this little gap at the left side.

    is it possible to change that?

    Best regards
    Lena

    November 6, 2017 at 11:24 am #872965
    Mike

    Hi,
    Sorry, I’m not seeing that with Chrome, Firefox, or Edge on Windows. Which browser / OS are you using? Can you add a screenshot of what you see?
    2017-11-06_041944

    Best regards,
    Mike

    November 8, 2017 at 8:13 am #874062
    lena1234

    Hi, I just use Chrome.
    I’m sorry but I don’t know how to send you pictures.

    Greetings, Lena

    November 9, 2017 at 5:54 am #874419
    Rikard

    Hi Lena,

    You can upload images to a service like google drive, dropbox, imgur etc. and then link to it here.

    Best regards,
    Rikard

    November 9, 2017 at 9:13 pm #874837
    lena1234

    Hi, here are two examples of what I mean.
    Theres just don’t understand why the text didn’t start at the very left of the picture.

    https://www.dropbox.com/s/w012w2386lvwvkj/screenshot1.PNG?dl=0
    https://www.dropbox.com/s/kf089127jl6ghxa/screenshot.PNG?dl=0

    Do you know what I mean?

    Best regards
    Lena

    November 10, 2017 at 6:16 pm #875274
    Victoria

    Hi Lena,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-masonry-entry .av-inner-masonry-content {
    padding: 8px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 11, 2017 at 12:45 pm #875448
    lena1234

    Hi, that’s perfekt!

    Thank you very much for your help!

    Best regards
    Lena

    November 11, 2017 at 5:03 pm #875507
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Sidebar Settings’ is closed to new replies.