Comments (4)
All right, apologies if I wasn't clear. I'll try to illustrate a little better.
Normally, the sections are something like:
- About Us
- Examples (.odd)
- Contact Us
Sometimes, I need to temporarily add another section at the top, but I want to maintain which sections get tagged with the .odd class, because I want to keep the styling the same for the rest of the page. So for example, I'd want:
- Upcoming Events (.odd)
- About Us
- Examples (.odd)
- Contact Us
But instead, I will currently get:
- Upcoming Events
- About Us (.odd)
- Examples
- Contact Us (.odd)
So I'm looking for a way to gain control over which section gets marked .odd.
Does that help clarify?
Thanks!
from hugo-scroll.
Can you just add announcment section and remove it when no longer needed? I don't fully understand what you're after. When does the temporary section get removed?
from hugo-scroll.
I see, thanks for explanation. The easiest way I can think of would be a global toggle to inverse the section colors. So that when you add the extra section, you'd invert coloring in configuration. Would that work for you?
We have some refactors (CSS mostly) on the horizon (in 1 - 2 months) and changes in the core code are currenty out of my capacity.
from hugo-scroll.
I had a chance to dig in a little more and I figured out how to add the odd and even classes within the hugo template and remove it from the JS, which allowed me to invert them using a parameter in the config file. Take a look at #113 and let me know what you think!
from hugo-scroll.
Related Issues (20)
- Local development mode works but generated page is broken after update HOT 9
- Provide option to show GitInfo in footer HOT 2
- Changelog and semantic versioning to keep track of changes HOT 1
- Left menu visual guard HOT 1
- Top menu is not diplayed HOT 3
- Trying to get content to display in columns HOT 3
- git push to netlify uses exampleSite theme colours HOT 2
- I can't Deploy my website due to theme HOT 1
- Link de-activation glitch on Safari iOS HOT 5
- Creating a Page on Github Using Hugo Themes HOT 1
- List icon configurable HOT 4
- scale images on small and large screens HOT 18
- Add start item to navigation menu to go back to top cover image HOT 10
- link to internal page from cover image HOT 1
- Smooth transition sections not working in Edge HOT 6
- "Return to top" link in menu does not work HOT 3
- Error render of page failed. HOT 1
- Allow baseURL with subdirectory and multilang support HOT 2
- Contact icons are not centered in the footer HOT 4
- BUG: `tel:` link is broken with the new dynamic contacts system HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hugo-scroll.