Forum Replies Created

Viewing 12 posts - 31 through 42 (of 42 total)
  • Author
    Posts
  • Yes! Those are two of the ones I’d like to change.

    Full Slider: I was happy with the look of the full slider text, the 2nd photo you attached, but then I made some adjustments to the site that changed the font sizes. The font sizes of the full slider view on my phone have changed. Unfortunately, I’ve been working on so many site elements, I can’t remember what I would have done that would have caused these changes.

    I’m happy with how everything looks on my PC, but I’d like to be able to adjust the Full Slider font sizes on mobile phone views. I’d like “A BRIDGE TO ACHIEVEMENT” to be a little bigger. I’d like the caption text to be bigger. I’d like the “LEARN MORE” button to be smaller. I’d also like the font size of “LEARN MORE” to be slightly smaller than the size of “A BRIDGE TO ACHIEVEMENT”.

    Also, the font style for headers changes to a script style on mobile devices in landscape mode, but displays correctly on portrait mode. It still displays as a script style in both modes on tablets. I’d don’t want a script font on any of the devices or views. Here’s CSS I’m using on the Enfold Child Style.CSS page:

    /*The following changes all header fonts from Chewy to Helvetica on Mobile Devices*/
    @media only screen and (max-width: 767px) {
    .avia-caption-title, .avia-caption-content, body div .avia-button, h1, h2, h3, h4, h5, h6 {
    font-family: ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    }
    .avia-caption-content p {
    font-size: 14px;
    line-height: 14px;
    }

    #top .av-main-nav > li > a,
    #top .main_menu .menu li ul a {
    font-family: ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    }
    }

    Parallax Photo at the bottom of my page on the phone & tablet views: I’d like to know what picture size to use, or a different element to use, so that we can see the full photo size on mobile and tablet devices, just like on the PC view.

    Thanks, in advance, for your help!

    Hi, Victoria,

    You were seeing that slider because I updated my Enfold theme yesterday and have been playing with various sliders trying to find one that worked well for my phone. I did find one that worked fine for the header slides. So here’s my remaining question:

    Parallax with Overlay and Call to Action – I tried changing the photo to fixed and then to scroll. Neither made the picture fit on my phone screen. What solution do you think would be best to have this info display properly on my phone.

    I appreciate your guidance!

    in reply to: My header font changes on mobile devices #821487

    Here’s another wrinkle I just discovered. The font does change when I view the site in portrait mode on my phone. However, when I turn it to landscape mode, the script font reappears! Please let me know how to correct that. Thanks!

    in reply to: My header font changes on mobile devices #821479

    Additional note: I’m very happy with the size and the font style of my text on my website, so I want to be sure to just make these adjustments on my phone. Thanks!

    in reply to: My header font changes on mobile devices #821478

    Wait! I thought I was done, but I’d appreciate just a little more help on my font sizes on my phone. I added H1, H2, H3, H4, H5, and H6 to your code, which did work perfectly in changing my font style on my phone.

    Would you mind letting me know the code to adjust the font size for each of the elements on my phone? If you look at my Welcome page on the top slider, my agency name is smaller than I’d like. The caption text is too small to read. The “Learn More” button size and the font size are both too big.

    When you scroll down a bit, my “Welcome to A Bridge to Achievement” is larger than it needs to be, as is the font of the text of the paragraph.

    I’d love the freedom to adjust the different elements until I’m happy how everything looks. Thanks for your help!

    in reply to: My header font changes on mobile devices #821453

    That worked perfectly! Thank you so much, Victoria!

    Feel free to close this thread.

    in reply to: JUSTIFY TEXT #815471

    Hi, again! I found a thread that gave me the following code:
    #welcome .avia_textblock {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    }

    When I used it, the columns did flow from the first to the second. Yay! However, that created a couple of spacing issues that I don’t know how to fix. I’d appreciate your taking another look at my Welcome section for the issues below:

    1) You’ll see there’s a big space between the “Welcome to A Bridge to Achievement” header and the text below. I checked all the settings and the padding seems to be 0 everywhere. Can you help with that, please?

    2) You’ll see that the top line in the left column sits a little bit below the top line in the right column. Can you please let me know how to fix that.

    I appreciate the help!

    in reply to: JUSTIFY TEXT #815456

    My hero! You’re magic! Thank you! I have one follow up question…

    As you saw on my home page, the two column area under Welcome to A Bridge to Achievement is made up of two 1/2 text boxes. As such, they don’t flow properly from the first column to the second – especially if I change font sizes or styles, etc. Is there a way to have that be one element that just automatically divides itself evenly over the two columns?

    in reply to: JUSTIFY TEXT #815447

    Hi, Mike,

    I’m a newbie and my site isn’t published yet. I’ve included my website and the login info below. You can see what I mean on my HOME PAGE under the slider in the section titled “WELCOME TO A BRIDGE TO ACHIEVEMENT”. Please also look at my SERVICES PAGE at the text areas beside the pictures throughout the page.

    Side comment – Don’t be alarmed with the quality of my photos. I’ll be replacing them before I “go live”.

    Thanks!

    in reply to: Help, please! My menu hover color is "stuck" on red! #815376

    I have more info about my text turning red:

    I imported your Gym Demo Theme that I’ve been modifying. I believe that somewhere in the original theme, there’s an instruction that when something is in bold, it will turn that text red. I believe that explains why the demo text on my home page is red. Please let me know where that is so I can fix it.

    I’m still clueless as to why I can’t fix my hover color, so I still would appreciate your help with that.

    Thanks!

    in reply to: JUSTIFY TEXT #815365

    Hello! I’m jumping in, if that’s okay.

    I’m using a child theme in Enfold. As you suggested above, I first tried adding the code below to the quick CSS and nothing happened:
    .iconbox_content_container, .iconbox_content_container p{ text-align: justify; }

    I then deleted the code from the quick CSS area and added it to my child theme style.css – still no change.

    I’d be grateful if you’d let me know what I’m doing wrong so I can change this.

    Thanks!

    in reply to: Help, please! My menu hover color is "stuck" on red! #815358

    Sorry! I was very tired when I wrote my request. :(

    Also, when the hover background becomes #0080b3, I’d like the text to change to #ffffe6 instead of white.
    Ideally, I’d like for this to be controlled under General Styling again, in case I want to change the color scheme at some point in the future.

    If you scroll down the home page to the demo content near the bottom, you’ll see some other headings are showing up red, as well. I’d appreciate your helping me with that, too.

    Thanks!

Viewing 12 posts - 31 through 42 (of 42 total)