1. sjudelson
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 02 August 2017
  5.  Subscribe via email
Hi Ciarán,

I am using your J51_Vitality template on my site. How can I eliminate or change the color of the thick grey border that appears on the left and right sides of each page? Thanks!

Steven
References
  1. http://www.new.amagansettseasalt.com
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To edit you can add the following to the Custom CSS field of your templates parameters (edit to taste)...


#container_slideshow,
#container_top1_modules,
#container_top2_modules,
#container_top3_modules, #container_main,
#container_bottom1_modules,
#container_bottom2_modules, #container_base,
#container_copyright,
#container_footermenu {
border-color: transparent;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Nice site btw! :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Fantastic! Thanks for the complement. Even more thanks for your prompt and complete solution. You're the best!:D
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
I have a related question, Ciarán. I was unhappy with the social media icons at the top of the page on mobile devices, so I placed a social media icon module in the bottom 1-f position of my Vitality template. I added "hidden-desktop" as a Module Class Suffix so that the module would only appear in mobile devices. The module, however, has a grey background (see attached image), which I would like to eliminate. Is this possible?
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Sure. To amend try adding the following to the Custom CSS field of your templates parameters..

[class^="social-"], [class*=" social-"] {
background-color: transparent;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks! That did the trick.

One unintended consequence seems to be that the copyright is no longer visible. I suspect the copyright line is still there, but that the color of the font has to be changed (to the blue #2148bd if possible) to be visible. How can I fix this? Thanks in advance.

Steven
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Never mind my latest post, Ciarán. I solved my invisible copyright color problem by addiing the below to the Custom CSS section. Sorry for not searching the forum before posting.

#copyright {
color: #000;
}
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!