Abigailm

I agree, but in my case, in order to get the layout for header & slider elements the way I wanted, I had to create extended width by using negative margin values.

That’s why I didn’t report the scrolling problem — I can see that on some sites it is caused by the footer width exceeding the rest of the page width, but in my case I thought it was also due to the header/slider values I had coded. So I didn’t think it was a bug– I thought it was just an artifact of my own customizations.

In particular, for the slider I wanted the button off to one side rather than stacked under the caption, so I coded a value like this:
.carousel a.button {float:right; margin-right:-300px;}

And it worked to get the button placement I wanted– but I was thinking that the negative value for right margin was also what created the scroll problem I was having.

And I realize that’s sloppy coding on my part. It’s better to recode the html rather than trying to compensate with the CSS, but that gets tricky working with a child theme, especially when I know that you are actively in the process of refining the updated version.

• This reply was modified 7 years, 10 months ago by Abigailm.

@nickpapag — I think that @romik84 could have helped us all by preparing a list of specific styling changes between version 3.84 and 3.9x — but other than that I think the choice to eliminate the bullet is a legitimate styling choice.

The problem is that for every designer who wants the bullet points, there is someone else who wants to get rid of them.

In 3.84, the default style sheet contained this specification:

ul,
ul ul,
ul ul ul {
  list-style-type: none;
  list-style-image: url("assets/images/list-style.png");
  padding: 0;
}

So that called to an image that was included in the earlier versions but is no longer part of the program. I think it was very small, light gray, carat style image (>)- not the round filled-in disc style which I provided.

So yes… this is all very frustrating, but you will find that the themes style.css file is very well organized and even has a detailed table of contents, so for common elements like lists it is very easy to figure out what the default specification for anything that you would like to change.

I’d note that I have a love/hate relationship with the Evolve theme and I don’t recommend it to people who want a set-and-forget type of website. The value of the theme is in its many options for customization– much more than you will find in most free themes — but it is really best suited for designers who like tinkering with their code.

But I do think that your school site is very nicely done and that you are also very capable of tweaking things as needed, with a little help from others. Which is why I love free themes with a large user base and public support forums — especially for coding & customizations to an underlying theme.

@nickpapag — you have a lovely site (and a lovely place)

Try this custom CSS:

@media only screen and (min-width: 992px) {

#website-title, #website-title a {
    font-size: 3rem;    
    width: 150%;
}

#tagline {
    width: 150%;
}
}

If you want the font larger than that, you might have to increase the width value as well. The width value breaks the fonts out of the cell defined by their <div> class.

The text will still wrap in tablet mode — if you want the text to go on one line for the smaller screen size, then you will need to go down a font to make it work.

I’m not saying that others don’t have your issue — just that others (including me) would not necessarily want the change you are suggesting, of having the text moved to above or below the slider image. So fine if it’s an added option – the more options the better- but not something that I think should be built in as a default behavior.

@webemy — I am using shortcodes ultimate on the site with Evolve & not running into any conflicts with the menu or any other part of my site. I supposed it might be tied to specific shortcodes you are using, but I don’t see any reason why that should conflict, unless a shortcode is being used within the menu itself.

You might want to check the Shortcodes Ultimate settings as well as review the particular shortcodes you are using.

You might want to double check to make sure that your browser has refreshed the stylesheet. Your image is what my site first looked like when I upgraded and went to customizer – but a hard refresh of my browser page resolved it.

Not really – you really should be fine with just phone & tablet.

One issue on your site is that some of your slider images have text as part of the image itself — I think that makes things tough — you might want to review the images in your slider and then pick whichever one is the trickiest to be the one you will design around.

Keep in mind that you can also add a background to the slider text to improve legibility.

But seriously, you might just find it easier to edit some of those images. The problem with your image on the left isn’t the slider, it’s the text that is centered on the left side of the image itself. Where could you possibly put text that it wouldn’t overlay that?

Alternatively, since the image text and the slide text for that particular image essentially say the same thing, you could just leave that particular slide with no text (or go the display:none route for the title text for that size range, if you are happy with placement in desktop mode)

• This reply was modified 7 years, 10 months ago by Abigailm.