Iam wanting to move my arrows for my summary block carousel to look and function the same way Patagonia has theirs. I have most of the code in place, but it seems like I can't get my arrows in the right spot and the right arrow seems to be running into the container, resulting in it being cut off. Below is my code.
I am also looking to implement a color hover effect to the arrows. I am wanting it exactly as I have my scrolling up button in the bottom right hand of the website when you scroll down enough. I am having a hard time targeting and adding that hover affect to them.
Another thing I could get help with is the hover affect on my basic grid blog page. I am trying to have the hover overlay on the whole thumbnail including the background section with words, but currently it's only targeting the image.
Hi, I'm also trying to figure out an issue with our site that we are building. We have three blocks on our homepage that use arrows, summar, gallery reel, and carousel list block. However, we can't get the summary block to have the same arrows as the other two. So we've opted to put them below the photos instead of on the side like the gallery and carousel block. The issue is we need to use an svg arrow in the summary block arrow spot to get them the same. Does anyone know if this is possible or how to do it?
Hi @tuanphan! I'm trying to achieve similar carousel arrow placement as the OP. I thought I had them perfect (first attachment), but realized that if the screen size changes at all, the arrows do not stay in the desired position (second attachment). I suspect this is due to using a percentage value for bottom? Is there a way to 'anchor' them so that they always remain in line with the carousel text?
Hi @tuanphan, this position worked well for the arrows, but the summary titles aren't clickable (I figure because the arrow container is on top of them?). I gave them a lower z-index, to put them behind the titles, but now the titles can't be clicked. I even changed the summary title width to 70% with a margin of 0 auto to centre them, thinking that the arrow links would be clickable then with no luck.
THANK YOU @tuanphan!!!!!!!! You're a genius. This works perfectly! I do have this style of carousel on several pages. Is there a way to apply this to summary carousels only so I can use it globally rather than per section? I attempted it but it's applying to my summary grids as well.
Hi, @tuanphan I am also looking for some help with the positioning of carousel summary block arrows on mobile - I am hoping to either move the arrows below and center, (or just bring them in slightly so they're not cut off) on mobile view only (keeping their current position for all other screen sizes).
Here is the code I have:
I'm trying to increase and bold the arrows in the carousel summary block in the Avenue template. I found a few css but none of them work. They are pieces from big changes in the summary block. I put them in, you see them, and then when the page refreshes they disappear.
Arrow is an American superhero television series developed by Greg Berlanti, Marc Guggenheim, and Andrew Kreisberg based on the DC Comics character Green Arrow, a costumed crime-fighter created by Mort Weisinger and George Papp, and is the first series of the Arrowverse, sharing continuity with other related television series. The series premiered in the United States on The CW on October 10, 2012, and ran for eight seasons until January 28, 2020. Arrow was primarily filmed in Vancouver, British Columbia, Canada.
Arrow follows billionaire playboy Oliver Queen (Stephen Amell), Robert and Moira Queen's oldest son, who claimed to have spent five years shipwrecked on Lian Yu, a mysterious island in the North China Sea, before returning home to Starling City (later renamed "Star City") to fight crime and corruption as a secret vigilante whose weapon of choice is a bow and arrow. Throughout the series, Oliver is joined by others, among them former soldier John Diggle (David Ramsey), I.T. expert and skilled hacker Felicity Smoak (Emily Bett Rickards), former assassin Sara Lance (Caity Lotz), aspiring vigilante Roy Harper (Colton Haynes), Oliver's sister Thea (Willa Holland), and attorney-turned-vigilante Laurel Lance (Katie Cassidy). During the first five seasons of the show, characters from Oliver's past appear in a separate story arc based on Oliver's flashbacks. Starting with season seven, a series of flash-forwards focus on Oliver's children William (Ben Lewis) and Mia (Katherine McNamara), exploring how present events would affect their future and Green Arrow's legacy.
The series takes a new look at the Green Arrow character, as well as other characters from the DC Comics universe. Although Oliver Queen / Green Arrow had been featured in the television series Smallville from 2006 to 2011, also on The CW, the producers decided to start clean and find a new actor to portray the character. Arrow has received generally positive reviews from critics, and has earned multiple awards and nominations. In October 2014, a spin-off TV series titled The Flash premiered, which was later followed by other spin-off series and media, forming a shared universe.[1]
In season one, Oliver returns to Starling City and is reunited with his family and friends, including Tommy Merlyn and Laurel Lance. By night, he acts as a vigilante, known as "The Hood",[3] hunting down those listed in his father's notebook, with assistance from John Diggle and Felicity Smoak. A conspiracy known as "The Undertaking", led by Malcolm Merlyn, threatens the city. The season also features flashbacks to Oliver's first year on the island, and his struggle to survive, alongside both new allies, including Slade Wilson, and foes.
In season two, following the death of Tommy Merlyn, Oliver vows to no longer kill. Operating under a new alias, "The Arrow",[4][5] he is tested when the city comes under attack from Slade. He also struggles to balance his vigilante activities alongside his role as CEO of Queen Consolidated. The season sees the return of Sara Lance, now also known as "The Canary", as well as the introduction of government agency A.R.G.U.S and its leader Amanda Waller. The flashbacks see Oliver face a new threat on Lian Yu, as well as revealing the origins of his feud with Slade.
In season three, following Sara's murder and the loss of his family's company to Ray Palmer, Oliver refuses to believe he can lead a normal life whilst continuing as The Arrow. He becomes embroiled in a conflict with Ra's al Ghul, in order to protect his sister Thea. Felicity becomes vice-president of the now renamed Palmer Technologies and Laurel sets out to follow in Sara's footsteps, assuming the mantle of Black Canary. The season's flashbacks see Oliver escape Lian Yu, only to be forced to work with Waller in Hong Kong, attempting to stop the release of a lethal pathogen.
In season four, Oliver and Felicity are living in Ivy Town, but return to the renamed Star City, to fight terrorist group H.I.V.E., led by Damien Darhk. Oliver adopts the moniker "Green Arrow"[6] whilst also running for mayor. The discovery of the existence of his son William, and his decision to conceal the truth, leads to the breakup of his relationship with Felicity. Laurel is killed by Darhk, and Oliver discovers his plan to detonate nuclear weapons. The season's flashbacks see Oliver returned to Lian Yu by Waller, where he attempts to infiltrate criminal group Shadowspire.
In season five, Oliver and Felicity recruit a new team of vigilantes to aid their mission, including former police detective Dinah Drake, as the new Black Canary. Oliver struggles to adjust to his break-up with Felicity, alongside trying to balance his new role as mayor with the threat posed by the serial killer Prometheus. The season also sees the introduction of an antagonistic version of Laurel Lance, known as Black Siren, a doppelganger from Earth-2, who made her debut during the second season of The Flash. In the season's flashbacks, Oliver travels to Russia where he joins the Bratva, and is trained by Talia al Ghul, before returning to Lian Yu.
3a8082e126