Building frame in CSS

shainesco · Member · Dec 2, 2015 at 9:30 am
Copy link

Add topic to favorites
Hi,

I have this site currently https://inescodotcodotil.wordpress.com/wp-admin/customize.php?autofocus%5Bsection%5D=colors_manager_tool In the middle appears the word “Manufacturing” i would like to frame it and make it clickable. Below it I want the word “Distribution” , also frame it and make it clickable. How can i do this?
I have the cerauno theme.

THANKS

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 3, 2015 at 8:32 am
Copy link
Hi there, the first thought that comes to mind is to use a Static Front Page for your site, although it would be helpful to know what you want “Manufacturing” and “Distribution” linked to.

Just as an example of the above, add the following to your custom CSS
```
.my-button {
    border: 4px solid #fff;
    max-width: 350px;
    text-align: center;
    background: #ccc;
}
h2.my-button a:hover {
    border-bottom: none;
}
```
and then create a new draft page and paste in the following in the Text tab in that draft page
```
<h2 class="my-button"><a href="http://wordpress.com">Manufacturing</a></h2>
<h2 class="my-button"><a href="http://wordpress.com">Distribution</a></h2>
```
and then click the View Page button and see what things look like and let me know.
shainesco · Member · Dec 6, 2015 at 10:41 am
Copy link
Hello!
Thank you for your answer. I put the formula you gave me in the CSS writer, i guess i am still doing something wrong (maybe the system does not know to what it should correspond the formula). This is the situation in the customizer: https://inescodotcodotil.wordpress.com/wp-admin/customize.php?return=%2Fwp-admin%2Fpost-new.php%3Fpost_type%3Dpage

I made the HP static and added the Distribution page, to my pages.
I still have not managed to add an “Distribution” box under “Manufacturing” to the HP.

Could you have once more a look at it.

Many thanks.
thesacredpath · Member · Dec 8, 2015 at 7:27 am
Copy link
Hi there, you need to create a static front page as I mentioned in my last post here. Currently your front page is showing your blog posts.

No items found.