Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #864548

    Hello,
    How can I change the sidebar colors to the predefined color scheme of the main content area section?

    #864582

    Hey hallyupedia,
    Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    #865285

    Hello Mike,
    I made two test posts (Post A & Post B). url is provided in the private content area. The test posts are password protected.
    ‘Post A’ is default Enfold setting
    ‘Post B’ has the color scheme that I want. It is the color scheme of the Main Content area. In order to achieve this I have to select ‘no sidebar’ in layout, add a grid, then change section color to ‘main content’, and then add the widget area. This is too much work for me to set up for every post. I would like the color scheme of the side bar to be set as the Main Content on default without all this set up.

    #865617

    Hi hallyupedia,

    The colors look the same to me. The only difference, that I see, is that the widgets are all the way on the right. You can save what you’ve built as a template and then make posts using that template.

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

    #865715

    Hello Victoria,
    If you look carefully, the colors are not the same. The linked text in Post A is gray, and the linked text in Post B is mint. I’m not concerned about the alignment of the sidebar. My concern for this thread was regarding the color scheme.

    #865737

    Hi hallyupedia,

    I did not login and looked at the pages, and they were blank, just the sidebar. Actually, they are still blank when I log in, so I did not see the text color. So I don’t see any mint color still.

    Best regards,
    Victoria

    #865991

    Hi Victoria,
    You need to scroll more towards the right to see the sidebar. If you look at the navigation header at the top right, you can’t see anything beyond where it says “Tips” and that’s where the sidebar is located.

    #866922

    Hi,

    Thank you for the info. Aside from the sidebar links, I don’t see much difference between the color scheme. Please add this code in the Quick CSS field.

    .main_color .meta-color, .main_color .sidebar, .main_color .sidebar a, .main_color .minor-meta, .main_color .minor-meta a, .main_color .text-sep, .main_color blockquote, .main_color .post_nav a, .main_color .comment-text, .main_color .side-container-inner, .main_color .news-time, .main_color .pagination a, .main_color .pagination span, .main_color .tweet-text.avatar_no .tweet-time, #top .main_color .extra-mini-title, .main_color .team-member-job-title, .main_color .team-social a, .main_color #js_sort_items a, .grid-entry-excerpt, .main_color .avia-testimonial-subtitle, .main_color .commentmetadata a, .main_color .social_bookmarks a, .main_color .meta-heading>*, .main_color .slide-meta, .main_color .slide-meta a, .main_color .taglist, .main_color .taglist a, .main_color .phone-info, .main_color .phone-info a, .main_color .av-sort-by-term a, .main_color .av-magazine-time, .main_color .av-magazine .av-magazine-entry-icon, .main_color .av-catalogue-content, .main_color .wp-playlist-item-length, .html_modern-blog #top div .main_color .blog-categories a, .html_modern-blog #top div .main_color .blog-categories a:hover {
        color: #4ecac2;
    }

    Best regards,
    Ismael

    #867531

    Sorry, that did not work.

    #867532

    entering that code in Quick CSS actually messed up the whole alignment even after deleting the code and saving changes.

    #867591

    Hi @ismael,
    The code you provided changed the dimensions of my website and I do not know how to change it back. My hosting service provider even restored backup up to 48 hours ago and it still messed up the layout. Why is there so much space on the left and right margin? My browser view is always set to 100% and there’s too much margin on the left and right side.

    I even checked Enfold>General Layout. Nothing changed there.

    • This reply was modified 1 month, 3 weeks ago by  hallyupedia.
    #867684

    @victoria,
    Can you show me the full picture. Your photos are cutting off the sidebar. I can tell because the header menu is being cut off.

    #867753

    Hi,

    Sure. Here.

    Best regards,
    Victoria

    #867758

    @victoria
    I need to see the color of the linked fonts because that’s the whole point of this thread.

    #867984

    Hi,

    The code you provided changed the dimensions of my website

    The previous css modification that we provided will only change the color scheme of the sidebar links or the main_color containers. It will not affect the layout at all.

    Best regards,
    Ismael

    #868129

    Hi @ismael ,
    But for some reason it did. As a matter of fact It didn’t change the color scheme of the sidebar links at all.
    Could you help me to change it back?

    • This reply was modified 1 month, 3 weeks ago by  hallyupedia.
    #869049

    Hi,

    We added the css code again. It didn’t affect the layout and it changed the sidebar links color. ( see private field )

    Best regards,
    Ismael

    #869105

    Hi @ismael,
    Things got a lot complicated. I actually figured out how to change the colors before you entered the code. The color schemes of the sidebar can be changed in Enfold>General Styling>Main Content>Highlight Color. It was a simple solution.

    I didn’t feel comfortable adding the code you provided because I saw some keywords that had nothing to do with sidebar, so I tested it on another site (link in private content). I added the code to this website and it changed the margins. The left and right margins are way too big. Before adding the code, the margins were the same as the website that was originally under discussion (I’ll add the link to the private content too)

    • This reply was modified 1 month, 2 weeks ago by  hallyupedia.
    #869133

    Hi,

    Why would it affect the margin if the only css property that we changed is the “color”? The margin is different because site B’s content is inside a grid row element. Please move it inside a color section or a 1/1 column.

    Best regards,
    Ismael

    #869138

    Hi @ismael,
    For Site B, not all the content is inside grid row. Here are some that are not in grid element.

    #869913

    Hi,

    For Site B, not all the content is inside grid row

    You have to replace the grid row element with a 1/1 column. ( see private field )

    Best regards,
    Ismael

    #870826

    Hi @ismael,
    I’ve started a new thread regarding this issue. You may close this thread.

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

The topic ‘Sidebar Color Scheme’ is closed to new replies.