WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to remove dot/dash boxes? (20 posts)

  1. CharlyIBC
    Member
    Posted 5 months ago #

    Preface: I have in place a plugin to not show my site until completed. Sorry I don't have an example.

    I'm using the Photolistic theme and tried for hours to find what part places dashed/dotted boxes around links in menu/on page details/on images. When I click on something in my site and go there, then go back to the previous page, whatever I clicked on is surrounded by a box. How can I remove it?

    I presumed it was from a:visited, but no code I've tried removes the darn ugly dotted box. :(

    Thanks in advance for any assistance to keep my sanity! :)

  2. Pioneer Valley Web Design
    Member
    Posted 5 months ago #

    This is from the a:visited style of your theme provided stylesheet(s).

    Without a site link, we cannot be more specific.

    To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool

    There are others.

    When editing CSS, use a Child Theme
    http://codex.wordpress.org/Child_Themes
    Custom CSS Plugin, or Theme provided custom CSS option.
    Edits to parent themes are lost on theme update.

    Learn CSS: http://www.w3schools.com/css/

  3. CharlyIBC
    Member
    Posted 5 months ago #

    Well now I've screwed everything up.... I created the theme child and activated but it's a blank page. Now I cannot deactivate it... All my work and can't go back?

  4. esmi
    Forum Moderator
    Posted 5 months ago #

    FTP into your site (or whatever file management application your host provides) & rename your child theme's folder. That should cause the default theme to activate automatically.

  5. CharlyIBC
    Member
    Posted 5 months ago #

    Thanks so much esmi!!!!!

    I thought by using the @import would bring everything over from the main theme style.css Do I really need to build the child from scratch? I don't have the time at the moment.... Not to mention I'm clueless on how... :(

  6. esmi
    Forum Moderator
    Posted 5 months ago #

    I thought by using the @import would bring everything over from the main theme style.css

    It should do but you may have inadvertently introduced an error in your child theme.

  7. CharlyIBC
    Member
    Posted 5 months ago #

    In my directory, I created a photolistic-child folder. In it I added 2 files: style.css and functions.php While in the photolistic-child style.css file I added what the link told me to: Theme, template, etc. Then I put in @import url("http://myurl.com/photolistic/style.css"); Not sure what I did that caused an error.

  8. esmi
    Forum Moderator
    Posted 5 months ago #

    Have you renamed the child theme's folder yet?

  9. CharlyIBC
    Member
    Posted 5 months ago #

    Yes back to photolistic-child

  10. esmi
    Forum Moderator
    Posted 5 months ago #

    Was your child theme's functions.php file completely empty?

  11. CharlyIBC
    Member
    Posted 5 months ago #

    No I added the favicon that I put into the original theme functions.php I removed that but still no joy

  12. Pioneer Valley Web Design
    Member
    Posted 5 months ago #

    Do you have server caching in use? If so, clear it.

  13. CharlyIBC
    Member
    Posted 5 months ago #

    Geeez that took to long to find out. :( My web host says there's no server cashing done. I emptied the cache for FF but no joy. Tried Safari, no joy there either. They told me my import url was missing things, I fixed it, but still no joy. Gosh I didn't think it would be this difficult to set up a child.

  14. webbrewers
    Member
    Posted 5 months ago #

    "Then I put in @import url("http://myurl.com/photolistic/style.css"); "
    If you want to include the parent theme's css, make sure the url is right - normally it would be domain.com/wp-content/themes/parenttheme/style.css or a relative url like "../parenttheme/style.css"

  15. Pioneer Valley Web Design
    Member
    Posted 5 months ago #

    I didn't think it would be this difficult to set up a child

    It is quite easy if your parent theme supports a Child Theme (not all do, especially Commercial Themes) and the required edits (you need to make this file have the data in it be related to your site, theme and child theme) to the stylesheet are made properly. The required child stylesheet example is at the link provided (make sure you edit wp files in a plain text editor). As for the functions.php file, as a test, rename that to old-functions.php to rule it out as an issue.

  16. CharlyIBC
    Member
    Posted 5 months ago #

    Thanks for the replies! I just got off the phone with my web host. They tried to help me out, but no joy. So perhaps Photolistic cannot have a child theme. :(

    webbrewers ~ Indeed, I had it wrong and they even sent me the proper link to copy/paste into my style.css and it still doesn't work.

    PVWD ~ Rename the parent or child functions.php?

  17. CharlyIBC
    Member
    Posted 5 months ago #

    I thank everyone for their attempt to help! Right now my head is about to explode and getting my store up is far more important than creating a child. I'll just keep copies of everything until I have the time to waste on a child. :)

  18. Pioneer Valley Web Design
    Member
    Posted 5 months ago #

    The Child functions.php - never edit the parent one.

  19. Pioneer Valley Web Design
    Member
    Posted 5 months ago #

    Also, another option I gave was a Custom CSS Plugin option.

    You may already have Jetpack installed? It has a good Custom CSS module. If you do not need or want the other modules, you can deactivate them all, use the ones you want, or search for another Custom CSS Plugin listed as compatible with WP3.8 (which is the version we should all be using).

  20. CharlyIBC
    Member
    Posted 5 months ago #

    I did find the solution for this awhile ago, but thank everyone for trying to help.

    If anyone is interested, under my custom.css I put this code in:

    a:active, a:focus {
      outline-style: none;
      -moz-outline-style:none;
    }

Reply

You must log in to post.

About this Topic