0
Welcome Guest! Login
0 items Join Now

SOLVED Trying to change the ::after content in Antares

Last Post
Search Topic

  • SOLVED Trying to change the ::after content in Antares

    Posted 8 years 10 months ago
    • Greetings! As title explains, I'm trying to change some ::after content on the g-header block in the antares template. Screenshot shows the text I'm trying to change "Gantry 5" and the code snip is the CSS driving this text. any help will be greatly appreciated. Thanks!!


      @media only all and (max-width: 59.938rem) and (min-width: 48rem)
.g-home-positions.g-antares-style #g-header:after, .g-home-particles.g-antares-style #g-header:after {
    font-size: 7rem;
    top: 6.5rem;
}
.g-home-positions.g-antares-style #g-header:after, .g-home-particles.g-antares-style #g-header:after {
    position: absolute;
    font-size: 12rem;
    top: 4.5rem;
    width: 100%;
    text-align: center;
    content: 'Gantry 5';
    z-index: -1;
    color: rgba(0, 0, 0, 0.05);
    font-family: "exo", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.75rem;
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;

      And this is the code I have in custom.scss to attempt to change the text, to no avail
      #g-header::after { 
    content: 'NEW CONTENT';
}

      This image is hidden for guests.
      Please log in or register to see it.
    #1304567
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED Trying to change the ::after content in Antares

    Posted 8 years 10 months ago
    • Hi Aaron,

      Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.

      Can you please post a link to the problem and we will do our best to assist you.

      Thanks :)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #1304573

  • Re: SOLVED Trying to change the ::after content in Antares

    Posted 8 years 10 months ago
    • Hi David! Unfortunately the site is being developed on a local sandbox. If there are any alternatives to providing a link, let me know and I'll make it happen. Thanks!
    #1304679
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED Trying to change the ::after content in Antares

    Posted 8 years 9 months ago
    • Hi there,

      Sorry, this one slipped through the net.

      Try adding the following code to your custom css file...

      .g-home-positions.g-antares-style #g-header:after, .g-home-particles.g-antares-style #g-header:after {
    content: 'Your Content here';
}

      If this resolves your problem then please edit your first post in this thread by adding [SOLVED] at the start of the title and click on the icon and select the 'tick' icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)
    • Last Edit: 8 years 9 months ago by David Goode.

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #1309141

  • Re: SOLVED Trying to change the ::after content in Antares

    Posted 8 years 9 months ago
    • Hey David, Thanks again for continuing to help with my issue, unfortunately that suggestion did not work.

      Is the text something that's appearing as part of the demo content? I'm fine with just deleting the text, but I would like to keep the modules in that layout- would it just be easier to start with new modules instead?

      EDIT: Figured it out!
      I traced back through the compiled stylesheets to figure out what was "generating" the "Gantry 5" text. The "antares_57.css" pointed me towards the "_header.scss" file, which had a value of "$header-background-text" for content. Eureka! The value is being defined somewhere else.

      Turns out it's in the "Header" section of the template editor, as "Background Text"
      This image is hidden for guests.
      Please log in or register to see it.
    • Last Edit: 8 years 9 months ago by Aaron Gopen. Reason: Figured it out!

    • The following users have thanked you: David Goode

    #1309919
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED Trying to change the ::after content in Antares

    Posted 8 years 9 months ago
    • Hi there,

      Glad you found a solution and thanks for posting it back as it may help others 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #1309924

Time to create page: 0.051 seconds