Viewing 30 results - 7,681 through 7,710 (of 18,744 total)
  • Author
    Search Results
  • #904551
    hobie690
    Participant

    Hello,
    I’d like to be able to change the size of the Heading 1 font on some individual pages such as on the one linked below.
    I don’t know if I do this on the CSS for the given text block or elsewhere. When I try to add to the HTML, it doesn’t keep the code I’ve added, but I’ll admit that I have no idea what I’m doing!

    #904424
    tkingsbu
    Participant

    Hi there,
    I’m having trouble setting the various font sizes and weights on our site..
    I’d ‘like’ them to be thus:

    h1 57 pixels – lato black (weight 900) for wide screen
    h2 37 pixels – lato black (weight 900)
    h3 21 pixels – lato black (weight 900)
    h4 19 pixels – lato bold
    h5 15 pixels – lato bold
    p 17 pixels – lato regular

    I’d also like for the responsive sizes to work…

    essentially, I’m trying to model the type style of https://gusto.com/ but with Lato as the font…
    I’m finding if very difficult….
    I’ve tried adding some html/css stuff to type sections, like <span style=”font-weight: 900;”> etc, and that seems to help, but I’d like to have it all set automatically, no have to go into each type section and tweak…

    also, the section on our home page that says “Technology solutions that connect your audiences to the great things you do.” I can’t seem to get the type there to set responsively…in other words, the font size doesn’t go down appropriately when you got to smaller screens.. when I’ve set the responsive type for different sizes, it’s not working for some reason…

    I’ve added some custom css to
    Enfold Child: Stylesheet (style.css)
    Select theme to edit:

    h1 {
    font-family: Lato;
    font-size: 57px;
    font-style: bold;
    font-variant: normal;
    font-weight: 900;
    line-height: 26.4px;
    }
    h2 {
    font-family: Lato;
    font-size: 37px;
    font-style: bold;
    font-variant: normal;
    font-weight: 900;
    line-height: 26.4px;
    }
    h3 {
    font-family: Lato;
    font-size: 21px;
    font-style: bold;
    font-variant: normal;
    font-weight: 900;
    line-height: 15.4px;
    }
    h4 {
    font-family: Lato;
    font-size: 19px;
    font-style: bold;
    font-variant: normal;
    font-weight: 700;
    line-height: 15.4px;
    }
    h5 {
    font-family: Lato;
    font-size: 15px;
    font-style: bold;
    font-variant: normal;
    font-weight: 700;
    line-height: 15.4px;
    }
    p {
    font-family: Lato;
    font-size: 17px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
    }
    blockquote {
    font-family: Lato;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
    }
    pre {
    font-family: Lato;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18.5667px;
    }

    if there’s any help you could give me, or some pointers, I sure would appreciate it!

    scottvarga
    Participant

    I have a button in our footer that launches a lightbox with our contact form page in it using the following code.

    [av_button label='START THE CONVERSATION' link='manually,https://www.rotatorcreative.com/home/contact-form?&preview=true/page?iframe=true' link_target='' size='medium' position='left' icon_select='no' icon='ue800' font='entypo-fontello' custom_class='opacity']

    The problem is that on every page that has a lightbox action in the page such as a video or image, the contact form shows up at the end of the lightbox items via the side arrows.

    If I get rid of this portion of code ?&preview=true/page?iframe=true’ it fixes the other pages but then the button in the footer goes to the page instead of putting it into a lightbox.

    Is there something I can put in the footer widget code above that would make it?

    Thanks

    #904347

    In reply to: Broken Themes

    Hello,
    I updated the theme today to 4.2.2 and the search icon and burger menu disappear and the submenu indicator
    This is my QUICK CSS:

    /* Tablet */
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    #header_main .avia-menu-text {
      font-size:16px !important;
    }
    }
    
    /* Phone */
    @media only screen and (max-width: 767px) {
    #header_main .avia-menu-text {
      font-size:12px !important;
    }
    }
    #top .avia-slideshow-button {
    border-radius: 25px;
    text-transform: uppercase;
    padding: 15px 16px;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
    }
    .hr-inner { border-color: #3a5470!important; }
    .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
    border-color: #D4AF37;
    }
    .sub_menu_socket {
        display: none;
    }
    #socket .copyright {
        text-align: center;
        width: 100%;
    }
    .avia-button-center {
       display: inline;
       padding: 8px;
    }
    #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .ajax_search_image, .iconfont {
    font-size: 25px;
    }
    .html_av-submenu-hidden .av-submenu-indicator:before {
        content: "+";
        font-weight: bold;
        font-size: 16px;
    }

    The search icons and burger menu not appear on SAMSUNG S6 devices and Iphone 6S

    IMG: https://s18.postimg.org/kenngrit5/Capture.jpg

    • This reply was modified 8 years, 3 months ago by bobbysap.
    #904221

    Topic: Enlarge menu

    in forum Enfold
    stefpasi
    Participant

    I would like to enlarge the main menu (font size) of the site, how can I do that?

    Thank you
    Stefano

    #903898

    Hi,
    Please try this instead:

    @media only screen and (min-width: 767px) and (max-width: 1023px) { 
    #top.postid-1480 #av-layout-grid-1 .av_two_fifth {
    width: 30%!important; 
    padding: 15px!important; 
    }
    #av-layout-grid-1 .avia-animated-number-title span, #av-layout-grid-1 .avia-animated-number-content p {
      font-size:18px !important;
    }
    }

    please see screenshot in Private Content area as the expected change.
    Please clear your browser cache and check.

    Best regards,
    Mike

    #903749

    Hi Yes Nikko,

    Thank you for your reply, however I did note the above already and that was not the issue. I made mention I had found a work around until you were able to look into the lightbox galleries and how it interacted with the plugin which you just clarified won’t be an option with the gallery set up

    Can you please look into the other primary issues I mentioned above the Pinterest plugin question- I will add them here again;

    1) instagram feed- I would like it to span the whole width of the screen- I have tried a couple plug-ins and adjusted the code on both but nothing seems to work- right now I am using photo galleries that connect to my instagram page, until I can get it sorted.

    2) the social icons- I would like to add Houzz icon I downloaded from fontello and uploaded but it doesn’t come up as an option to add to the footer or header

    3) the social icons- is there any way I can change the hover colours to something that is more in line with my brand instead of the default colours? both in the social share layout editor and header/footer icons

    4) I really like the demo content from Enfold Ecommerce where it has for example ‘Green Blouse “Daria”‘- it has options for multiple sizes and colours, and a sidebar to search by color, size, brand, price etc, whereas the demo content I uploaded for the bulk of my site does not provide these options in the product descriptions- I don’t want any new demo content to overwrite my existing site colours and settings- is there another way we can make this happen?

    5) I added a pinterest plugin because I would like people to be able to share my images and blog graphics, but it changes the icon on the social shares to one I do not like, is there any way it can just be used on the images and not connected to the styling of the social shares? It’s also making every image pinnable, including my logo, which I’m not sure I want or think is necessary

    6) I would like to swap out the instagram icon for the one I uploaded from fontello but it’s not coming up as an option to select even though the .zip file is there

    7) How can I remove the line that follows text on the H1 heading? I looked in advanced theme settings but that’s the only thing I can’t change

    8) How can I change the notification banner colour when a product is added to the cart? it’s showing green and I’d like it to be more in line with my branding

    9) I’d like the shopping cart icon in the same area as the main menu to the right of the search option, but I want them both further to the right away from the menu items- when I assign it to main menu area it ends up floating up by my logo

    Thank you!

    #903733

    Hi,

    Sorry for the late response, it should work now, I have added this css code in Quick CSS:

    #footer .widget,
    #top .st-wrap {
        position: relative;
    }
    
    #top .st-wrap {
        float: left;
        padding-bottom: 30px;
    }
    
    #footer .textwidget {
        min-height: 160px;
        padding-bottom: 20px;
    }
    
    #top #footer .textwidget p {
        font-size: 13px;
    }
    
    #footer .textwidget .site-title img,
    #top .st-wrap .site-title img {
        display: block;
    }
    
    #footer .textwidget .site-title .hovertitle,
    #top .st-wrap .site-title .hovertitle {
        position: absolute;
        left: 0;
        top: 184px;
        font-size: 11px;
        line-height: 1.2;
        display: none;
    }
    
    #top .st-wrap .site-title .hovertitle {
        line-height: 1.4;
    }
    
    #footer .textwidget .site-title:hover .hovertitle,
    #top .st-wrap .site-title:hover .hovertitle {
        display: block;
    }

    Best regards,
    Nikko

    #903516

    In reply to: Menu Size

    Hi,

    1- Your image was right aligned that was causing extra space on the left side. I edited your image.
    2- You had a custom CSS code in Enfold theme options > General Styling > Quick CSS that was setting font size to 8px. I removed it. Please review your website.

    Best regards,
    Yigit

    #903515

    Hi Heike,

    It seems like you set font size to 18px, decreasing it to 17px should help

    .sub_menu > ul > li > a, .sub_menu > div > ul > li > a {
        font-size: 17px;
    }

    Please make sure to disable CSS minification in Autoptimize plugin and flush cache.

    Best regards,
    Yigit

    #903434

    In reply to: Mobile version

    Hi,

    Thanks for clearing that up. Something like this should work just fine for mobile:

    @media only screen and (max-width: 767px)  {
    H1, H2, H3, H4, H5, H6{
    font-size: xxx!important;
    }
    
    p{
    font-size: xxx!important;
    }
    }

    Replace xxx with your desired sizes.

    Best regards,
    Jordan Shannon

    #903246

    Hey ezUpstarts,

    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

    
    @media only screen and (max-width: 479px) {
     #layerslider_10 .ls-wrapper.ls-bg-outer, #layerslider_10,
      #layerslider_10 .ls-wrapper.ls-bg-wrap img {
       height: 200px !important;
     }
     #layerslider_10 .ls-wrapper.ls-in-out img {
        width: 135px !important;
        height: 50px !important;
     }
     #layerslider_10  .ls-wrapper.ls-in-out h1 {
           font-size: 14px !important;
           margin-left: -60px !important;
     }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #903222

    Hi Victoria

    Thanks for the code, that’s worked great.

    Can you please give me some code or such like for my specific date request? The other threads aren’t helping me I’m afraid. I don’t have any date appearing now, and I would like it to appear below the post title. I’d like it in the format: Jan 24, 2018. I’d like it centered, and in a lighter color and smaller font size than the title. Can you help me get this added?

    Thanks

    Kim

    #903176

    Hi Kim,

    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

    
    .html_modern-blog #top #wrap_all .avia-content-slider .post-entry .slide-content h3 {
       font-size: 18px;
       font-weight: normal;
    }
    

    Here is another thread about date

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #903161

    Hi John,

    All right :)
    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

    
    @media only screen and (max-width: 767px) {
      #top #wrap_all .av-inherit-size .av-special-heading-tag {
        font-size: 22px;
        font-weight: bold;
     }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #903082

    The best would be to have it the same as the scroll down menue: white background, grey font-color, but bigger font-size.
    Thank you!

    #903076

    Also I would like to change the font-size. It’s too small right now.

    #902673

    Hi Kim,

    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

    
    .html_modern-blog #top #wrap_all .post-entry h3 {
       font-size: 20px;
        font-weight: normal;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #902644

    Hey allen,

    That is not possible by default unfortunately, but you can set the font size for the caption and caption text in the element options.

    Best regards,
    Rikard

    #902584

    Hi FelixWeile,

    The code Nikko gave you works on the temp-home-page-2. Where are you putting the code?

    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

    
    @media only screen and (max-width:767px) {
      .page-id-1753 #av_section_1 .avia-slideshow .avia-caption .avia-caption-title {
        font-size: 18px;
        text-align: center;
      }
    }
    

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

    #902404

    Hi,

    Yes, you can add something like this:

    @media only screen and (max-width:767px) {
      .page-id-1753 #av_section_1 .avia-slideshow .avia-caption .avia-caption-title {
        font-size: 20px;
      }
    }

    If it’s the homepage you can just change .page-id-1753 with .home :)

    Best regards,
    Nikko

    #902363

    Hi Nikko, I figured out the page id part. Thanks. Now how would I center the words and change the font and font size? And is there a way to set up how a mobile view’s it? Like making the font smaller to fit a mobile screen? Thanks Nikko.

    #902360

    In reply to: Mobile version

    Hey pddcoms,

    Apologies for your frustration. What exactly is the issue you are having? Is it just the mobile font that you need to remain the same size at all times? Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #902314

    Ah I see.

    Is this the css I would need to remove? If so how do I hide the icon on that page?

    .no-icon-homepage .iconbox_icon.heading-color {
        display: none!important; 
    }

    I didn’t know that space would be a factor. The second set of css doesn’t seem to apply still after removing the space.

    `.smaller-text.iconbox .iconbox_content .iconbox_content_title {
    font-size: 12px;
    }`

    #902307

    Thanks Nikko, Thank you for your help. Please view the link below in the private content. If you see the text it’s on the bottom left with a shadow box around the words. Is there a way to get rid of the shadow box and to match the text displayed with my heading type h3 at font size 45?
    Thank you.

    #902303

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .avia-tooltip.avia-tt.av-tt-xlarge-width {
        left: 0 !important;
        width: 100% !important;
        font-size: 20px;
    }

    Hope this would help.

    Best regards,
    Nikko

    #902151

    Hi Victoria

    Thanks for your reply. That’s sorted the alignment and removed the category perfectly.

    However, I’m not really getting anywhere with adding the date under the title. I would like it to appear in the format: Jan 24, 2018. I’d like it centered, and in a lighter color and smaller than the title.

    Also, I’d like to change the title font size (smaller) and if possible not bold. How can I do this? I’ve tried numerous quick CSS options I’ve found in other threads but I’m not seeing any changes from any of them. I’ve tried purging my cache data, reloading the page multiple times etc but no change to size.

    Thanks

    Kim

    #902075

    Hi,

    Thanks for the clarification, please try this instead:

    @media only screen and (max-width: 767px) {
    .page-id-244 .entry-content {
      font-size:16px !important;
    } 
    
    .page-id-244 .post-meta-infos * {
      font-size:12px !important;
    }
    }

    Best regards,
    Rikard

    #902020

    Hey mcraig77,

    You have an extra space between first two classes, it should not be there:

    
    .no-icon-homepage.iconbox .iconbox_content .iconbox_content_title {
      font-size: 24px;
    }
    

    Please remove the button from the class
    Image 2018-01-24 at 16.21.12.png
    It is not supposed to be there.

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

    #901930

    Hey shalenie,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1400px) {
    #av-layout-grid-1 .avia-animated-number-title span, #av-layout-grid-1 .avia-animated-number-content p {
      font-size:18px !important;
    }
    }

    Best regards,
    Rikard

Viewing 30 results - 7,681 through 7,710 (of 18,744 total)