Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 6, 2018 at 12:32 am #893902
    FelixWeile

    Hi Enfold,
    I’m trying to redo my website. On my page I want to open with an easy slider that isn’t full with. It’s feature large (1500×630). Is there a way to put text on the middle of the slide so that it reads throughout the rotation of the slide? Thanks

    January 6, 2018 at 6:44 am #893962
    Nikko

    Hey FelixWeile,

    Yes, it can be centered using Quick CSS. Can you post the link to the page with the slider? so we can give you a custom css code that should help :)

    Best regards,
    Nikko

    January 11, 2018 at 10:54 pm #896272
    FelixWeile

    Hi Nikko,

    Thank you for your help. Here is our website with the slider. As you could see, we would like the architecture and construction on the slider centered in white. Is this possible? Also, in this font, as many spaces as we put in between architecture and construction it will always look close to each other. Making it read almost like one word. Is there a way to space it out more? Thanks again for your help Nikko. Have a great day.

    January 15, 2018 at 6:00 am #897387
    Nikko

    Hi,

    Yes, there is a css code for that: https://www.w3schools.com/cssref/pr_text_word-spacing.asp this should help with the spacing however, we need to change where the caption is placed, place the caption in the first slide’s Caption Title field, then on the slider itself, check Use first slides caption as permanent caption. Let us know after you have done this so we can check the width of the caption and give you css code that should make it center then adjust the word spacing :)

    Best regards,
    Nikko

    January 24, 2018 at 8:50 pm #902307
    FelixWeile

    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.

    January 24, 2018 at 9:14 pm #902317
    Nikko

    Hi,

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

    .page-id-1753 #av_section_1 .avia-slideshow .avia-caption .avia-caption-title {
    background: transparent !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    January 24, 2018 at 9:53 pm #902351
    FelixWeile

    Hey Nikko, thanks. I’m in the process of changing the page over to our homepage. Because of that do i need to change the page id? And now that we got rid of the shadow, how do you center it and make the text bigger? I’ve sent links of the changes in temp page and our new homepage. thanks

    January 24, 2018 at 10:08 pm #902363
    FelixWeile

    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.

    January 24, 2018 at 11:05 pm #902404
    Nikko

    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

    January 24, 2018 at 11:16 pm #902417
    FelixWeile

    Hey Nikko, I added that code and it didn’t work. thanks

    January 25, 2018 at 6:14 am #902584
    Victoria

    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

    January 25, 2018 at 11:53 pm #903101
    FelixWeile

    Hi Victoria,

    Thanks for your kind help with our website. We are reviewing the way our site looks on Iphone and it could be better.
    Are there settings that we could change or adjust to improve how our site looks on an Iphone or Ipad? As an example:
    Our logo looks sort of odd and any images that are full screen are cropped and centered. It works, but because more than half our visitors are on a mobile platform, we wanted to make it as nice as possible.

    Thank very much,

    Felix Weile

    January 26, 2018 at 8:49 am #903251
    Victoria

    Hi FelixWeile,

    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) {
  .responsive .logo img {
    width: 70%;
  }
  .avia-section.av-minimum-height .container .content {
      display: block;
      height: 30%;
      padding-top: 50px;
      padding-bottom: 0;
  }
  div .av-section-color-overlay-wrap {
    height: 100%;
  }
  .avia-builder-el-0.av-minimum-height-100 .container {
    height: auto !important;
  }
  .page.page-id-1753 #after_section_1 {
    display: none;
    padding: 0;
    margin: 0;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 30, 2018 at 1:00 am #904553
    FelixWeile

    Hi Victoria,
    I was wondering, if you could take a look at our website. If you see the menu header you could see our logo on the top left of the site. Is there a way to get rid of the little bit of gray from the menu on the far left side? We’d like the logo to be all the way to the left and not showing any of the menu color. Thanks, Felix

    January 30, 2018 at 2:09 am #904563
    FelixWeile

    Hi Victoria,
    Also, is there a way to specify where the main menu starts or where the top of it is located? I want the height of the social media bar bigger. And I think I did it, if you hover your mouse over it, the social media highlight goes into the main menu. Now all I need to do is lower the main menu so that the bar doesn’t interfere with it. Thanks, Felix

    January 30, 2018 at 2:09 pm #904893
    Victoria

    Hi Felix,

    Can you please make a mockup of what you’re trying to achieve? It is not very clear from the words to me.

    This is the code for top bar

    
#header_meta {
    min-height: 40px;
}

    Best regards,
    Victoria

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