clafond17
Member-
Posts
6 -
Joined
-
Last visited
clafond17's Achievements
Level 2 (2/20)
0
Reputation
-
Site URL: https://www.codylafond.com/#/therwood/ passcode: heyyouguys I'm having trouble aligning these two text blocks along the bottom. When the browser window is resized they move up and down independently of one another. The left text block is just a regular text box with h1 text (with some custom CSS targeting it to adjust size, line height etc.) The right-hand text block is a code block with custom HTML/CSS to create a grid with a 3 column layout. I'm hoping there's a way to target the block IDs and align them that way, however I haven't found such a solution. I considered creating a new code block similar to the 3 column code block on the right-hand side, but creating it so that it spans the full width of the page, and has the heading appear within the first cell, while the 3 column content would populate columns 2-4. That way it all behaves as one unit. Unfortunately my HTML/CSS skills are leaving me with more questions than answers on how to pull that off. If anyone could point me in the right direction that would be fantastic!
-
Site URL: https://www.codylafond.com/ I'm having an issue with controlling the width of the content on my project pages specifically when opening the projects in a new tab or window. With the following code the pages work just fine, but only when clicking through from the home page. It does not take effect when opening in a new tab (example below). /* Controls width of content */ #project .gallery { max-width: 100% !important } I noticed that the URL changes ever so slightly when opening in a new tab by removing the /#/ between the domain name and the slug. I suspect this is because the home page is an index style page and the other pages are sub pages of said index page. URL when clicking through from the home page: codylafond.com/#/example URL when opening in new tab/window: codylafond.com/example I can't seem to control the width of the content on these pages when opened in a new tab/window. Anybody have any experience with this or know of a solution? Thanks in advance.
-
Site URL: https://www.codylafond.com/ I've managed to add a custom font to my site (Flatiron 7.0 template) but I can't for the life of me sort out how to control the font weight. The font itself can vary from quite thin to quite bold when used in Adobe programs, however it exclusively appears in a medium weight throughout my site and I cannot sort out how to get it to appear bold in some instances and thin in others. I suspect it may be due to the font being a variable weight font. I've tried specifying the font weight in CSS (ranges from 100 to 800) but it won't take effect. Any advice on how to approach?
-
Still working on the nav font weight, but I was able to figure out the active link and inactive link underlines using these code snippets: active link /* Remove underline in nav active link */ #nav .active-link a { border-bottom: none !important; } inactive link /* Remove underline in nav inactive link hover */ #nav li a:hover { border-bottom: none !important; }
- 2 replies
-
- navigation
- flatiron-template
-
(and 1 more)
Tagged with:
-
Site URL: https://www.codylafond.com/ Using the code below I was able to change the hover state of the grid items to display a custom photo /* Change image displayed on hover on project grid */ #grid .item.hovering .wrapper { background-image: url(https://cdn.pixabay.com/photo/2021/07/09/06/57/lavender-6398425__480.jpg); background-size: cover; background-position: center center; } However I'm hoping to target each grid item individually and have a unique photo display for each. Any tips on how to go about it? Thanks!
-
Site URL: https://www.codylafond.com/ Hi all. Through a ton of trial and error I was able to make use of a custom font for the nav, however I cannot seem to increase the font weight beyond it's current state. The font in question is a variable weight Google font (Plus Jakarta Sans) which can go up to 800, but it seems to be maxing out at 400 (visual estimate) or so despite several attempts to specify the weight in CSS. I'm also trying to eliminate the underline in the nav entirely from both the active link state and the inactive link hover states. No luck on that one so far either. My template is Flatiron on 7.0.
- 2 replies
-
- navigation
- flatiron-template
-
(and 1 more)
Tagged with: