Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 9, 2014 at 9:29 pm #348452
    yuskydog

    Hi,
    I’d like to change the font size, style, and weight of the following:
    1. General widget’s names on the sidebar, like Recent Posts, Recent Comments, etc.
    2. Titles of those links generated by Enfold widgets, like Enfold Child Latest Portfolio.

    November 10, 2014 at 3:35 pm #348794
    Yigit

    Hey yuskydog!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .sidebar .widgettitle { font-size: 16px; font-weight: bolder; }
.news-link { font-size: 16px; font-weight: bolder; }

    Regards,
    Yigit

    November 11, 2014 at 7:03 am #349216
    yuskydog

    Hi Yigit,
    I appreciate your reply. The code for widget titles works, yet the one for adjusting portfolio/news links doesn’t seem to work.

    New question as follows:
    1. How to configure the title font of portfolio and blog grids? Also the font of comment count, author, categories, and date info row in the grids.

    2. Is it likely to remove the divider and stroke in the header section when I opt logo and menu below?

    Many thanks!

    November 11, 2014 at 5:29 pm #349539
    Yigit

    Hi!

    Can you post the link to your website please?

    Best regards,
    Yigit

    November 11, 2014 at 6:16 pm #349583
    yuskydog
    This reply has been marked as private.
    November 12, 2014 at 7:49 pm #350279
    Ismael

    Hi!

    Use this for the portfolio and grid elements:

    .av-masonry-entry .av-masonry-entry-title {
line-height: 1.3em;
margin: 0;
font-size: 15px;
}

.av-masonry-entry-content.entry-content {
font-size: 15px;
}

.avia-content-slider .slide-entry-title {
font-size: 14px;
line-height: 1.4em;
margin: 0;
}

.slide-meta {
font-size: 15px;
}

    Use this to remove the header border:

    #header_main_alternate, #header_main, #top #header .av-main-nav > li > a {
font-size: 17px;
}

    Regards,
    Ismael

    November 13, 2014 at 5:25 am #350569
    yuskydog

    Hi

    The portfolio and grid elements part works like a charm.
    Currently still unresolved:

    1. Unable to change the title and excerpt font of Enfold Child Latest Portfolio and Enfold Child Latest News. (Is there an option to hide the thumbnail?)

    2. Unable to remove header border.

    Thanks!

    November 14, 2014 at 3:20 am #351086
    Ismael

    Hey!

    1.) Are you referring to the widget? The code should work for the portfolio and blog title. Please use this:

    strong.news-headline {
font-size: 20px;
}

    2.) Please provide a screenshot of the border. The code above should remove the border of the header and the main menu.

    Regards,
    Ismael

    November 14, 2014 at 4:16 am #351099
    yuskydog

    Hi

    1. I am referring to the title and the excerpt in the sidebar widget. See the red line below. (Also I’d like to remove the featured image thumbnail if possible)

    2. I’ve put the code yet nothing happens. Please check my website.
    http://shao-nian-why-bored-z.com/

    Thanks.

    November 15, 2014 at 12:29 am #351610
    Andy

    Hey!

    what changes of the font do you want to have? add this in Quick CSS:

    .main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char {
color: #c3512f !important;
font-size: 20px;
}

    .news-excerpt {
color: red;
}

    to hide thumbnail:

    .news-thumb {
display: none;
}

    2. You can put border-color same as background-color:

    .header_color#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a {
border-color: #fff;
}

    .header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color span, .header_color applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a {
border-color: #fff;
}

    Regards,
    Andy

    • This reply was modified 10 years ago by Andy.
    November 15, 2014 at 8:24 am #351721
    yuskydog

    Thanks Ismael and Andy! By trying the above mentioned codes, I’ve successfully tweaked most of my desired visual elements except the removal of header border. Make it white does not solve the problem because it becomes conspicuous while compared to the half-transparent header.

    November 16, 2014 at 7:18 pm #352111
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #header_main{
    border-bottom: 0 !important;
}
.container_wrap{
    border-top-width: 0 !important;
    border-top-style: hidden !important;
}
#avia-menu a {
    border: 0 !important;
}

    Cheers! 
    Josue

    November 16, 2014 at 8:11 pm #352134
    yuskydog

    Hi Josue
    It works perfectly! Thanks for the assistance!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to change the font size, style and weight of sidebar widget's title?’ is closed to new replies.