Tagged: breadcrumb, CSS, Footers, lines
-
AuthorPosts
-
December 17, 2013 at 1:04 pm #201067
Hi
Could you tell me if it is possible to achieve something like this http://i.imgur.com/HKrXPFS.jpg directly within the theme or with CSS?
at the moment I have this http://www.catalystforgrowth.co.uk/about-us/
What I am trying to do is have a constant footer of logo’s throughout the site (above the footer) So I would like the sidebar line to end above these logo’s.
Also can I make the line start from the text as per the image, instead of under the text
Lastly to get rid of the breadcrumb “you are here” do I just need to hide it with CSS or is there a way to get rid of it in the theme.
Thanks so much
December 17, 2013 at 5:04 pm #201147Hi Lilipie!
You can use the Partner/Logo element or insert a Color Section with 3 1/3 column layout. Insert the logo using the Image element. Hide the “You are here” text using this:
.breadcrumb-title { display: none !important; }
Regards,
IsmaelDecember 17, 2013 at 7:28 pm #201250Hi Ismael
Thanks so much for your help.
The page now looks like this http://www.catalystforgrowth.co.uk/about-us/
Is there a way to get a horizontal line from the title text that becomes a vertical line as per the image? http://i.imgur.com/HKrXPFS.jpg so a line that looks like the line you have when you have a sidebar, but running from the title text.
Many thanks for your time.
Lili
December 18, 2013 at 5:28 pm #201608Hey!
Do you mind creating a temporary admin login and posting it here privately so i can take a look?
I think it will be easier to remove title and add Special Heading element on top of your page with title then to customize using CSSCheers!
YigitDecember 18, 2013 at 5:40 pm #201611This reply has been marked as private.December 19, 2013 at 2:33 am #201809Hey!
You can add this on your custom.css or Quick CSS:
.main-title.entry-title a { display: block; background: white; padding: 10px 10px 10px 100px; position: absolute; bottom: -37px; margin-left: -90px; }
The effect should look like this:
Regards,
IsmaelDecember 19, 2013 at 10:37 am #201963This reply has been marked as private.December 21, 2013 at 8:41 am #202824Hey!
This effect is not easily possible because you would need to create a new html element and some css code to create such a frame. The current theme layout does not support such a border: http://i.imgur.com/HKrXPFS.jpg
You can hire a freelancer here: http://www.microlancer.com/ wo can probably do this with 1,5 – 2 hours of work.
Best regards,
PeterDecember 22, 2013 at 12:54 pm #203041Thanks for your response.
Is it possible to have a final clear answer on this?
I asked for help with this issue on 17th (Tuesday) and received a positive response – with a member of the team offering to help – as a result of the response I created a temporary login. I assumed that this was going to be resolved shortly after.
I hadn’t heard anything so I posted again (as part of another thread) asking for someone to look at this and I received a response with some CSS I could use. The CSS is great and almost does part of what I need – but not entirely/exactly.
What I am confused about is the conflicting responses I have received.
If the first response I received would’ve been to hire a developer – I would’ve looked at an alternative way to solve this sooner (on the 17th).
I understand that if I ask a question about something that isn’t easy to achieve with CSS, within the theme or quickly that it might be the case that I have to hire a developer or spend several hours working it out myself (and that is of-course fine) I really don’t expect help beyond that which you are here to offer. But I am sure you can sympathise with the frustration/confusion that arrises with hugely conflicting responses.
A key reason why I purchased the theme was because of the extensive support that is offered. I am really short of time (which I know isn’t your problem) But if this can be resolved as originally offered that would be wonderful.
Thanks.
December 23, 2013 at 3:13 am #203165Hey!
I have applied what i thought was possible. I thought you wanted to make changes only on that certain page. If so, now it does look as you want. You can find custom CSS code i added in Quick CSS section and apply on other pages as well. You can right click on Chrome and on Firefox and click Inspect Elements to find out page ID’s http://i.imgur.com/TrDQ84Y.jpg
Regards,
Yigit -
AuthorPosts
- The topic ‘CSS tweaks and Misc theme queries’ is closed to new replies.