bananasplit

Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Forum: Developing with WordPress
    In reply to: wordpress table or data per user id
    Thread Starter bananasplit

    (@bananasplit)

    7 years, 3 months ago

    first of all thanks for your help!!secondly,I did a search for some plugins which unfortunately I couldnt get to work.Easy student results was one of them(I had no idea about the 2 others you proposed!!)
    !I tried also School Management System for WordPress and some others before posting here for a more custom solution!Again,thank you very much,I ‘ll try the new ones and let’s hope they’ll work!!

    Forum: Fixing WordPress
    In reply to: text file’s content to WordPress page
    Thread Starter bananasplit

    (@bananasplit)

    7 years, 6 months ago

    I want to change the text files and those changes to be presented..so I may need a plugin.do you know of a specific one to try?

    Forum: Fixing WordPress
    In reply to: create call-to-action button which expands on mouse hover
    Thread Starter bananasplit

    (@bananasplit)

    7 years, 6 months ago

    found this code 

    @import "https://fonts.googleapis.com/css?family=Didact+Gothic&subset=greek";
@import "https://cdn.linearicons.com/free/1.0.0/icon-font.min.css";
body {
  font-family: 'Didact Gothic', sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
}
.side-menu {
  display: flex;
  flex-wrap: wrap;
  max-width: 300px;
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.side-menu > * + * {
  margin-top: 0.5em;
}
.btn {
  display: flex;
  color: #fff;
  flex: 100%;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -webkit-transform: translateX(236px);
          transform: translateX(236px);
  text-decoration: none;
}
.btn:hover {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.btn__icon {
  flex: 0 0 32px;
  padding: 1rem;
  font-size: 2em;
  background-color: #ff6347;
}
.btn__text {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: #ff927e;
}

    <a href="#" class="btn" > <button> register </button></a>
    that creates the same buttons.Only problem is that when I try to recreate them to my CSS header file,I get the correct functionality but not the position and the layout (color etc).I copy the first part to the <style> and I call it on header by the second command.
    probably it’s something dummy I ‘m messing but I ‘m only now starting with CSS..

    Forum: Fixing WordPress
    In reply to: create call-to-action button which expands on mouse hover
    Thread Starter bananasplit

    (@bananasplit)

    7 years, 6 months ago

    it’s quite interesting!It’s working great!!It does the work needed.But I had in mind something different.please check this website.I want to make something like the one with the calculator icon.when the mouse hovers over it expands to the left and it offers you an option to click the link provided..To me it appears that it needs javascript,but a question never harmed anyone!so maybe you have an idea how to reproduce something like this!

    Forum: Fixing WordPress
    In reply to: create call-to-action button which expands on mouse hover
    Thread Starter bananasplit

    (@bananasplit)

    7 years, 6 months ago

    really thanks about the quick reply!!this solution seems perfect!!is there a way to put this button to any position I want?let’s say right or left,bottom or header?or I have to stick with template’s positions?I was thinking something like that:

    {
    position: fixed;
    right: 100px;
    top: 150px;
}

    But will it work properly?I had in mind something like the site I have in my previous message..

    • This reply was modified 7 years, 6 months ago by bananasplit.
Viewing 5 replies - 1 through 5 (of 5 total)