[Taparitas]

This is my CSS – does not commit anymore…does anybody know why? – thanks!

/* Controls total width of menu bar */
#header #mainmenu {
width: auto;
margin-left: 100px;
}

/* Changes style of Submit buttons for comments and contact form */
#commentform #submit, .wpcf7-form .wpcf7-submit {
background: #C0C0C0;
width:170px;
border: 1px solid;
text-shadow: none;
font-weight: 900px;
}

/* moves logo a little to the left */
#site-logo a img {
margin-left: -20px;
}

/* repositions search box */
#header .social-search form.searchform {
padding-top: 50px;
margin-left: -40px;
}

/* Replaces continue reading */
a.readmore {
font-style: italic;
text-decoration: underline;
}

/* Estilo menu */
#header #mainmenu ul li a {
font-weight: bold;
background-color: gray;
font-size: 17px;
}

/* Hides page titles */
.page .entry-title {
display: none;
}

/* Main header color */
#header {
background: none;
background-color: #66ffcc !important;
}

#masthead { background-color: #66ffcc; }

/* Sidebar background image */
#sidebar {
background-image: url(“http://comiendojuntos.com/wp-content/uploads/2015/10/kirchenbkg5.jpg”);
}

/* Sidebar padding for titles */
#sidebar h3 {
padding-left: 20px;
padding-top:20px;
}

/*Footer background*/
#footer {
background: #660033 !important;
}

/* to hide slider */
.home #slider { display: none; }

[Pratik]

Hi @Taparitas,

We made huge changes on Simple Catch theme, moving it to HTML5 and CSS3. Check our blog: https://catchthemes.com/blog/simple-catch-3-5-upgrade/.

We will need to write new CSS for your site. We can do it step by step. Please note your changes with respect to your site url and I will help you further.

Regards,
Pratik

[Taparitas]

Hi Pratik – I noticed that the page elements in the template changed their names; reason why my CSS was not able to commit.

I have updated the element names in my original CSS with good results.

The only thing I cannot fix is the extra white width space on the main menu, to the right of the option “Contact”

I was using auto for the total width (to ensure the width fits to the total width of the menu options) – it used to work before but not anymore….

This is the CSS code I currently have…

/* Controls total width of menu bar */
#site-header-menu {
width: auto;
margin-left: 100px;
}

Any sugestions to remove that extra white spcae?

The URL is http://www.comiendojuntos.com

Your help is appreciated.

Martin

[Pratik]

Hi @taparitas,

Please remove your code and add following:

#site-header-menu ul li a {
       font-weight: bold;
       font-size: 17px;
}
  
#access {
    text-align: center;
    background-color: #ffd24d;
}

#access ul li {
    display: inline-block;
    float: none;
    margin-bottom: -7px;
    margin-left:-4px;
}

#access ul li li {
    display: block;
    float: left;
    text-align: left;
    margin-bottom: -1px;
    margin-left:0;
}

Regards,
Pratik

[Taparitas]

Hi Pratik,

Regretfully the code below did not give me the results I wanted….now I get “empty” menu boxes on both left and right ends…what I want is to limit the overall menu background color to the menu options only.

This is what I did and it works best:

#access {
width: 80.87%;
margin-left: 100px;}

For responsive design the menu width I get is too wide but still looks decent. I will add additional code to change the width of the menu to a smaller percentage for different viewport options.

Thanks for the time you took to look after my issue anyway.

Cheers!

Martin

[Pratik]

Hi @Martin,

Glad you solved the issue and even posted the answer.

Regards,
Pratik

[Robert]

Hi!

Same problem here, can you help me?

/*table vertical align*/
#content table td {
    vertical-align: middle;
}

/*category remove under post*/
#content .tags {
     display: none;
}

/*left +10px*/
div.layout-978 {
    padding-left: 20px;
}

/*closed menu background color and font color*/
#header #mainmenu ul li a {
    background-color: #ffffff; 
/* Menu Background Color */
   color: #fe0000;
/* Menu Text Color */
}

/*hover menü background and font*/
#header #mainmenu ul li a:hover, #header #mainmenu ul li.current-menu-item a, #header #mainmenu ul li.current-menu-parent a, #header #mainmenu ul li.current_page_item a, #header #mainmenu ul li.current_page_ancestor a, #header #mainmenu ul li:hover > a
{
    background-color: #3a9605;
/* Menu Background Color */
    color: #ffffff; 
/* Menu Text Color */
}

/*open manu color*/
#header #mainmenu ul li ul li a:hover, #header #mainmenu ul li ul li:hover > a {
  	background-color: #008000;
}
#header #mainmenu ul li ul li a {
    color: #fe0000;
}

/*footer text*/
#footer { color: #3a9605; }
#footer span,
#footer a { color: #ffffff; }

/*only date in posts*/
#main #content ul.post-by li {
    display: none;
}
#main #content ul.post-by li:nth-child(2) {
    display: block;
    padding: 0;
    background: none;
}

/*frontpage post no picture*/
.blog #content .post.hentry img {
    display: none;
}

Thanks!

[Pratik]

HI @sziszi,

Mahesh has replied you here: https://catchthemes.com/support-forum/topic/problems-with-theme-update for same issue. Please refrain from posting same issue on multiple posts.

Regards,
Pratik

[Robert]

OK, sorry!

[Pratik]

Hi @Sziszi,

No need to be sorry. This is just for future reference. Have a nice day 🙂

[Author]

Posts