VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Remove / edit css on elements only on frontpage
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Remove / edit css on elements only on frontpage

Remove / edit css on elements only on frontpage 14 Nov 2014 15:12 #5788

Hey, and thanks a lot for this nice template.

I'm making a webpage and here I would like to remove the lines and back to top elements only on the frontpage. I've tryed making a custom class suffix only for the homepage and the adjustsments I do with the css (like changing font-size, color etc) works fine. However I cant seem to figure out how to manipulate the elements on the page part from this blog-featured class I've assigned my menu class suffix to.

As I said I'd like to remove left and top line from the frontpage, and preferably also the back to top button. So I wonder, how can this be done? I thought the class suffix I made for the menu item would work together with other divs and classes displayed on the frontpage. But as far as I can understand there must be something I've missed out in order to make it work.


Hope someone understand my issue:

To sum it up:

How to remove / edit css on specific elements (only) in the templates frontpage?

  • Posts:2
  • chrijoh
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Remove / edit css on elements only on frontpage 17 Nov 2014 05:51 #5797

hello,
Thank you for using our template. Your issue. we have some solve folow:

- Visible backtoTop
You should go to: templates/jf_creativia/css/template.css

Find .backToTop (line 1057)

add block code display:none;

- remove line
In file template.css
Find div.cholder-inner (line 171)
add block code display:none;


joomfreak

  • Posts:2140
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Remove / edit css on elements only on frontpage 17 Nov 2014 08:38 #5798

Thank you for the tip. However this doesnt really solve my issue. When I add display: none; on the div.cholder-inner, the whole article field disappears on all pages. Which is unerstandable. As I tryed to specify: I would like to change some parts of the layout only for the frontpage.

For this, I understand I could use something called menu class suffix. What I really havn't figured out, is how this works in practice.

bildr.no/view/YmdUdkhW

bildr.no/view/d2l2MFRY
Last Edit: 17 Nov 2014 08:39 by chrijoh.

  • Posts:2
  • chrijoh
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Remove / edit css on elements only on frontpage 24 Nov 2014 09:16 #5842

Hi,
You try set border-left:none!important in .blog-featured_forside
If not working. May you send me your url website

joomfreak

  • Posts:2140
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.53 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.