Forum Replies Created
-
Posts
-
The suggestion does not appear to have any effect. Any other thoughts? I did flush the cache. The text is still grouped together on the left with the copyright information.
Thank you for the suggestion. Wrapping the content as suggested did move it; however, it moved it down to its own line, below the copyright statement.
What I would really like to do is have all of the content on a single line, just have it spaced out to it isn’t all crammed together on the left side.
Any thoughts on how I can accomplish that?
Link to page with current socket below.
Excellent! Worked like a charm. Thank you.
Quick follow up question: How do I make the text of the button appear black in color in the hover mode?
Thank you for the response. I did previously activate the mobile menu for smart phones and tablets. It is simply that in landscape orientation, the width of the browser is long enough for the site to kick into desktop mode, which is fine.
Thank you also for the code. I have made note of it. For now, I was able to resolve the issue by making one of the menu titles shorter. There is no more over lap.
Thank you. I can see the pipe now, but instead of there being space between the widget and the board (which would be great), it looks as if the text has simply spread to the right to fill up the space created. Thoughts?
Also, how can I make the pipe be white like the surrounding text, etc.
Finally, if I want the pipe to be shorter, how do I adjust the overall length of the pipe from both the top and bottom?
Hmmm, well I see that a gradient mask overly is possible using the Image element. Is there a way to make an image full width so it fills up the entire column in the same way it does using the Grid Row element?
Basically, is there a way to accomplish what I want to accomplish? How I accomplish it doesn’t really matter to me.
I tested both approaches out, and the Grid Row element is in the spirit of what I am looking; so this is the approach I will head in if I can achieve some other effects on top of this base. First, a link to a page with the Grid Row set up is below for context.
As you will see, I have an image on the right, which is what I want. I also have the columns set to 1/3 and 2/3 width, which is good. I know I can change that if I want or need. I intend to put some text and a button on the left, but before I do that, I would like to overlay a gradient on the image so that the image appears to fade into the column where the text will be. In essence, I want the finished product to appear as if it is one seamless full width banner with text and a button on the left with the imagine grading in as the eye moves to the right.
Can I accomplish this with the Grid Row element, and if so, how? If not, what would be the best approach?
Yes, I got what I needed. Will create a new thread in the future if anything else comes up.
Thanks Mike.
Perfect. Thank you! Question: If I found myself needing to add this same code to another footer column, what part of the code would I change to target a column different from the first one? If #text-5 is the first column, would #text-4 be the second column; #text-3 be the third, etc., etc?
Rikard, I actually just inserted the screen shot you requested into the page as an image; so when you click the link provided, you will not only see the footer as it is, but you will also see the screen shot you asked for as an image on the page itself. Hope that is helpful.
Rikard, for some reason I am unable to post a screen shot. If you go to the link provided below and look at Column 1 of the footer, you will see the logo, then some white space, followed by some text. What you will see is how the image widget and text widget look after I inserted the code provided by Ismael.
This is much better as the margin space between the image widget and text widget is reduced by about half. I assume that if I want to further reduce the space between the two elements, I can adjust the pixel amounts in the code snippet, but please take a look and let me know your thoughts. I assume that this margin adjustment process can be repeated to the extent needed in other columns, correct?Thank you!
Thank you, Ismael. I think that may have answered my question, but please feel free to inspect the site. The url to one of the pages is below. You can inspect the foot, etc. I may want to tighten it up a bit more, but I assume that would involve simply changing the values in the code you provided.
Here is the link to the page in question with the element. This is with the above Quick CSS code in place.
