/blogger/community?hl=en
This content is likely not relevant anymore. Try searching or browse recent questions.
-
10/11/19
Cross column on blog , some text wrong colour 2 Recommended Answers 4 Replies 0 Upvotes
1 Recommended Answer
$0 Recommended Answers
I have added a cross column to my blog but the drop down down title is not showing (Butterflies) or its very faint ? 


Im very happy with how it looks just the missing title drop down bit.

this is code ive added in "layout"

<ul id="icbabdrop">
  <li><a href="https://newton-st-loe-birding.blogspot.com/">Home</a></li>
  <li><a href="https://newton-st-loe-birding.blogspot.com/p/httpsnewton-st-loe-birding.html">Birding Trips</a></li>
  <li>
    
<span style="font-weight:bold;"><span style="font-size:1vw">Butterfies</span></span>


    <ul>
      <li><a href="https://newton-st-loe-birding.blogspot.com/2019/09/my-2019-butterfly-season.html">2019 Butterfly Season</a></li>
      <li><a href="https://newton-st-loe-birding.blogspot.com/2018/09/all-58-butterflies-in-2018.html">2018 Butterflies Season</a></li>
      <li><a href="https://newton-st-loe-birding.blogspot.com/2017/08/all-59-uk-butterflies-in-142.html">2017 Butterfly Season</a></li>
    </ul>
  </li>
  <li><a href="https://newton-st-loe-birding.blogspot.com/p/blog-page_10.html">Patch map/walks</a></li>
  <li><a href="http://users4.smartgb.com/g/g.php?a=s&i=g44-77672-df%22">Contact Us</a></li>
</ul>

and this in CSS

.tabs-inner .widget ul#icbabdrop {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  border:none;
}
.tabs-inner .widget ul#icbabdrop li {
  font-size: 12px/18px;
  font-family: sans-serif; /* Font for the menu */
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #00000; /* background colour of the main menu */
  float:none;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.tabs-inner .widget ul#icbabdrop li a {
padding:0;
font-family: sans-serif; /* Font for the menu links */
border:0;
}
.tabs-inner .widget ul#icbabdrop li:hover {
  background: #000000; /* background colour when you roll over a menu title */
  color: #ffffff; /* font colour when you roll over a menu title */ 
}
.tabs-inner .widget ul#icbabdrop li:hover a {
  background:transparent ;
  color: #60EA1A; /* font colour when you roll over a menu title link */ 
}
.tabs-inner .widget ul#icbabdrop li ul {
  z-index:1000; 
  border:none;
  padding: 0;
  position: absolute;
  top: 45px;
  left: 30px;
  float:none;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 1;
  visibility: visible;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.tabs-inner .widget ul#icbabdrop li ul li { 
  background: #000000; /* background colour of the sub menu items */
  display: block; 
  color: #ffffff; /* font colour of the sub menu items */
  text-shadow: 0 -1px 0 #000000;
}
ul#icbabdrop li ul li a{
  color:#ffffff  /* link colour of the sub menu items */
}
.tabs-inner .widget ul#icbabdrop li ul li:hover { 
  background: #ffffff; /* background colour when you roll over sub menu items */
}
.tabs-inner .widget ul#icbabdrop li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

Thanks for any help
All Replies (4)
-
10/12/19
H, thanks for reply , i'm sorry not sure i understand .

replace this line
<span style="font-weight:bold;"><span style="font-size:1vw">Butterfies</span></span>

with just Buterflies colour: #fffff;

to 
.tabs-inner .widget ul#icbabdrop li {} ?

so like this....


.tabs-inner .widget ul#icbabdrop li { Buterflies :  colour: #fffff; } ???

Thanks , just learning
marked this as an answer
Helpful?
-
10/13/19
Thanks,
 Took some fiddling but that's great thank you
marked this as an answer
Helpful?
This question is locked and replying has been disabled.
Discard post? You will lose what you have written so far.
Write a reply
10 characters required
Failed to attach file, click here to try again.
Discard post?
You will lose what you have written so far.
Personal information found

We found the following personal information in your message:

This information will be visible to anyone who visits or subscribes to notifications for this post. Are you sure you want to continue?

A problem occurred. Please try again.
Create Reply
Edit Reply
Delete post?
This will remove the reply from the Answers section.
Notifications are off
Your notifications are currently off and you won't receive subscription updates. To turn them on, go to Notifications preferences on your Profile page.
Report abuse
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
This reply is no longer available.
/blogger/threads
//accounts.google.com/ServiceLogin
You'll receive email notifications for new posts at
Unable to delete question.
Unable to update vote.
Unable to update subscription.
You have been unsubscribed
Deleted
Unable to delete reply.
Removed from Answers
Marked as Recommended Answer
Removed recommendation
Undo
Unable to update reply.
Unable to update vote.
Thank you. Your response was recorded.
Unable to undo vote.
Thank you. This reply will now display in the answers section.
Link copied
Locked
Unlocked
Unable to lock
Unable to unlock
Pinned
Unpinned
Unable to pin
Unable to unpin
Marked
Unmarked
Unable to mark
Reported as off topic
/blogger/profile/0?hl=en